diff --git a/public/styles.css b/public/styles.css index 6a49e26..963542a 100644 --- a/public/styles.css +++ b/public/styles.css @@ -273,7 +273,7 @@ select.form-input { cursor: pointer; } /* ----------------------------------------------------------------- - 3.6 SweetAlert2 Override + 3.6 SweetAlert Override ----------------------------------------------------------------- */ .swal2-input, .swal2-textarea, @@ -286,7 +286,6 @@ select.form-input { cursor: pointer; } } /* SweetAlert2 Portal Theme */ -/* SweetAlert2 Portal Theme — Notifications */ .swal2-popup { font-family: var(--font-body) !important; border-radius: var(--radius-lg) !important; @@ -340,40 +339,12 @@ select.form-input { cursor: pointer; } background: var(--color-border) !important; } -.swal-label { - display: block; - font-weight: 600; - font-size: var(--font-md); - margin-bottom: var(--space-xs); -} - -.swal-form { - text-align: left; -} - -.swal-group { - margin-bottom: var(--space-sm); -} - .swal2-input, .swal2-textarea { margin: 0 !important; width: 100% !important; } -.detail-block { - padding: var(--space-sm) 0; - font-size: var(--font-base); - line-height: 1.6; - color: var(--color-text); - margin-bottom: var(--space-sm); -} - -.detail-block-meta { - font-size: var(--font-sm); - color: #999; -} - .swal-btn-danger { background-color: var(--color-error) !important; } @@ -626,7 +597,6 @@ select.form-input { cursor: pointer; } ----------------------------------------------------------------- */ .leaflet-sidebar { z-index: 999; top: var(--header-height); bottom: var(--footer-height); } .leaflet-sidebar-header { background: var(--color-primary); color: white; } -.leaflet-sidebar-close { color: white; } .leaflet-sidebar-tabs > ul > li > a { color: var(--color-text-secondary); @@ -758,12 +728,12 @@ select.form-input { cursor: pointer; } background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-md); + transition: box-shadow var(--transition-fast), border-color var(--transition-fast); } .news-item:hover { border-color: var(--color-primary); box-shadow: var(--shadow-sm); - transition: box-shadow var(--transition-fast), border-color var(--transition-fast); } .news-date { font-size: var(--font-sm); color: var(--color-text-secondary); } @@ -882,27 +852,6 @@ select.form-input { cursor: pointer; } 4.8 Popup Photo and Comments ----------------------------------------------------------------- */ -/* Photo Toggle Button */ -.popup-photo-btn { - display: inline-flex; - align-items: center; - gap: var(--space-xs); - padding: var(--space-xs) var(--space-sm); - border: 1px solid var(--color-border); - border-radius: var(--radius-pill); - background: var(--color-surface); - cursor: pointer; - font-size: var(--font-xs); - color: var(--color-text-secondary); - font-family: var(--font-body); - transition: all var(--transition-fast); -} - -.popup-photo-btn:hover { - border-color: var(--color-primary); - color: var(--color-primary); -} - /* Photo Container */ .popup-photo-container { margin-bottom: var(--space-sm); } @@ -1430,6 +1379,18 @@ select.form-input { cursor: pointer; } margin-top: var(--space-md); } +.detail-block { + padding: var(--space-sm) 0; + font-size: var(--font-base); + line-height: 1.6; + color: var(--color-text); + margin-bottom: var(--space-sm); +} + +.detail-block-meta { + font-size: var(--font-sm); + color: #999; +} /* News and Comments Tab Headers */ .tab-header {