From feaa6c70432f3a9560a4997206e9b551c4583eda Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C3=9Cmit=20Tun=C3=A7?= Date: Tue, 28 Apr 2026 22:49:12 +0300 Subject: [PATCH] feat: implement authentication login view and initialize admin-specific CSS styles --- assets/admin/css/citrus.css | 512 ++++++++++++++------------- resources/views/auth/login.blade.php | 8 +- 2 files changed, 269 insertions(+), 251 deletions(-) diff --git a/assets/admin/css/citrus.css b/assets/admin/css/citrus.css index aa5bb1b..5a14c18 100644 --- a/assets/admin/css/citrus.css +++ b/assets/admin/css/citrus.css @@ -1,246 +1,266 @@ -.table-sm td, -.table-sm th { - padding: 2px; - text-align: left; - white-space: nowrap; - /*overflow: hidden;*/ - text-overflow: ellipsis; -} - -.table-sm input, -.table-sm select, -.table-sm .select2-selection { - padding: 0px 10px; - height: 30px; - border: none; - background: transparent; -} - -.table-sm .select2 { - min-width: 200px; -} - -.table-sm td { - min-width: 10%; -} - -.sidebar-inverse #sidebar img { - filter: contrast(0) brightness(2); -} - -.sidebar-inverse #sidebar input { - - background: transparent; - - margin-bottom: 10px; - - color: white; -} - -.sidebar-inverse i img { - filter: invert(1) !important; - width: 33px; -} - -.table-sm td:hover { - /*min-width: 200px;*/ - overflow: none !important; -} - -.rc-handle:hover { - background: #e0e0e0; - width: 5px; - margin-left: -2px; -} - -.table-responsive { - min-height: 500px -} - -.table-sm .dropdown-item input { - height: initial; -} - -.table-sm .dropdown-item { - font-size: 11px; - padding: 3px -} - -.table-sm .dropdown-toggle { - background: none; -} - -.table-sm .dropdown-menu { - max-height: 226px; - overflow: auto; -} - -.data-tables input, -.data-tables select, -.data-tables .select2-selection { - padding: 0px 10px; - height: 30px; - border: none; - background: transparent; -} - -.data-tables td, -.data-tables th { - padding: 2px; - text-align: center; - white-space: nowrap; - text-overflow: ellipsis; -} - -.new-form td, -.new-form th { - padding: 2px; - text-align: center; - white-space: nowrap; - /*overflow: hidden;*/ - text-overflow: ellipsis; -} - -.new-form input, -.new-form select, -.new-form .select2-selection { - padding: 0px 10px; - height: 30px; - -} - -.new-form .select2 { - min-width: 200px; -} - -.new-form td { - min-width: 10%; -} - -.new-form td:hover { - /*min-width: 200px;*/ - overflow: none !important; -} - -.new-form .dropdown-item input { - height: initial; -} - -.new-form .dropdown-item { - font-size: 11px; - padding: 3px -} - -.new-form .dropdown-menu { - max-height: 200px; - overflow: auto; -} - -.new-form .btn-sm { - height: 30px; -} - -table .filter-list>button { - padding: 3px; - height: 12px; -} - -table .filter-list>button:after { - margin: 0px; - vertical-align: text-top; - margin-top: 1px; -} - - -.dropdown-sublist { - height: 150px; - overflow: auto; -} - -.filter-list { - position: absolute; - top: 3px; - right: 3px; - z-index: 1000; -} - -.filter-list>button { - background: white !important; -} - -.table-sm thead th { - position: relative; -} - -.dx-datagrid td, -.table-bordered, -.table-bordered td, -.table-bordered th { - border-color: #a4a3a3 !important; -} - -.sub-menu-text { - position: relative; - left: 40px; -} - -.sub-menu-icon { - width: 22px !important; -} - -.tab-pane { - display: none; -} - -.tab-pane.active { - display: block; -} - -.tab-pane.active .select2-container { - width: 100% !important; -} - -.modal-content { - border-radius: 15px; - border: none; - /* Optional: Cleaner look */ -} - -.modal-header { - border-radius: 15px 15px 0 0; -} - -/* Button Styling Best Practices */ -.btn { - border-radius: 15px; - display: inline-flex; - align-items: center; - justify-content: center; - gap: 0.5rem; - /* Space between icon and text */ - vertical-align: middle; -} - -.btn i, -.btn .material-icons, -.btn .material-symbols-outlined, -.btn svg { - font-size: 1.1em; - /* Slightly larger icons usually look better */ - line-height: 1; - margin: 0; - /* Reset margins */ -} - -/* Reset existing specific fix to rely on flexbox */ -.btn .material-symbols-outlined { - top: 0; -} - -.content-header .btn { - color: white; -} - -.content-header .btn:hover { - color: black; -} \ No newline at end of file +.table-sm td, +.table-sm th { + padding: 2px; + text-align: left; + white-space: nowrap; + /*overflow: hidden;*/ + text-overflow: ellipsis; +} + +.table-sm input, +.table-sm select, +.table-sm .select2-selection { + padding: 0px 10px; + height: 30px; + border: none; + background: transparent; +} + +.table-sm .select2 { + min-width: 200px; +} + +.table-sm td { + min-width: 10%; +} + +.sidebar-inverse #sidebar img { + filter: contrast(0) brightness(2); +} + +.sidebar-inverse #sidebar input { + + background: transparent; + + margin-bottom: 10px; + + color: white; +} + +.sidebar-inverse i img { + filter: invert(1) !important; + width: 33px; +} + +.table-sm td:hover { + /*min-width: 200px;*/ + overflow: none !important; +} + +.rc-handle:hover { + background: #e0e0e0; + width: 5px; + margin-left: -2px; +} + +.table-responsive { + min-height: 500px +} + +.table-sm .dropdown-item input { + height: initial; +} + +.table-sm .dropdown-item { + font-size: 11px; + padding: 3px +} + +.table-sm .dropdown-toggle { + background: none; +} + +.table-sm .dropdown-menu { + max-height: 226px; + overflow: auto; +} + +.data-tables input, +.data-tables select, +.data-tables .select2-selection { + padding: 0px 10px; + height: 30px; + border: none; + background: transparent; +} + +.data-tables td, +.data-tables th { + padding: 2px; + text-align: center; + white-space: nowrap; + text-overflow: ellipsis; +} + +.new-form td, +.new-form th { + padding: 2px; + text-align: center; + white-space: nowrap; + /*overflow: hidden;*/ + text-overflow: ellipsis; +} + +.new-form input, +.new-form select, +.new-form .select2-selection { + padding: 0px 10px; + height: 30px; + +} + +.new-form .select2 { + min-width: 200px; +} + +.new-form td { + min-width: 10%; +} + +.new-form td:hover { + /*min-width: 200px;*/ + overflow: none !important; +} + +.new-form .dropdown-item input { + height: initial; +} + +.new-form .dropdown-item { + font-size: 11px; + padding: 3px +} + +.new-form .dropdown-menu { + max-height: 200px; + overflow: auto; +} + +.new-form .btn-sm { + height: 30px; +} + +table .filter-list>button { + padding: 3px; + height: 12px; +} + +table .filter-list>button:after { + margin: 0px; + vertical-align: text-top; + margin-top: 1px; +} + + +.dropdown-sublist { + height: 150px; + overflow: auto; +} + +.filter-list { + position: absolute; + top: 3px; + right: 3px; + z-index: 1000; +} + +.filter-list>button { + background: white !important; +} + +.table-sm thead th { + position: relative; +} + +.dx-datagrid td, +.table-bordered, +.table-bordered td, +.table-bordered th { + border-color: #a4a3a3 !important; +} + +.sub-menu-text { + position: relative; + left: 40px; +} + +.sub-menu-icon { + width: 22px !important; +} + +.tab-pane { + display: none; +} + +.tab-pane.active { + display: block; +} + +.tab-pane.active .select2-container { + width: 100% !important; +} + +.modal-content { + border-radius: 15px; + border: none; + /* Optional: Cleaner look */ +} + +.modal-header { + border-radius: 15px 15px 0 0; +} + +/* Button Styling Best Practices */ +.btn { + border-radius: 15px; + display: inline-flex; + align-items: center; + justify-content: center; + gap: 0.5rem; + /* Space between icon and text */ + vertical-align: middle; +} + +.btn i, +.btn .material-icons, +.btn .material-symbols-outlined, +.btn svg { + font-size: 1.1em; + /* Slightly larger icons usually look better */ + line-height: 1; + margin: 0; + /* Reset margins */ +} + +/* Reset existing specific fix to rely on flexbox */ +.btn .material-symbols-outlined { + top: 0; +} + +.content-header .btn { + color: white; +} + +.content-header .btn:hover { + color: black; +} + +/* Auth Pages Styling */ +.auth-background { + background-color: #f8f9fa; + background-position: center; + background-size: cover; + background-repeat: no-repeat; + background-attachment: fixed; +} + +.auth-card { + background-color: rgba(255, 255, 255, 0.9) !important; + backdrop-filter: blur(10px); + -webkit-backdrop-filter: blur(10px); + transition: all 0.3s ease; +} + +.auth-card:hover { + background-color: rgba(255, 255, 255, 0.95) !important; +} \ No newline at end of file diff --git a/resources/views/auth/login.blade.php b/resources/views/auth/login.blade.php index 430eede..1fd11f7 100644 --- a/resources/views/auth/login.blade.php +++ b/resources/views/auth/login.blade.php @@ -8,9 +8,7 @@
-
+
@@ -22,12 +20,12 @@

-
+
- +

{{e2(setting("login_welcome",true,"Welcome"))}}

{{e2(setting("login_description",true,"Please sign in"))}}