truncgit/citrus-cms
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: apply custom design system and layout refinements to the admin header and sidebar

Browse Source
This commit is contained in:
Ümit Tunç
2026-04-29 07:48:40 +03:00
parent cafa78e738
commit 12223eac40
2 changed files with 6 additions and 116 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/admin/inc/citrus-design.blade.php
+1 -114
View File
@@ -164,114 +164,6 @@
color: #1e1e1e;
}
/* --- BUTTONS REFACTOR (Premium Look) --- */
.btn {
font-family: 'Inter', sans-serif !important;
font-weight: 500 !important;
border-radius: 10px !important; /* Modern rounded corners */
padding: 8px 18px !important;
font-size: 13px !important;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important; /* Spacing for icons */
border: 1px solid transparent !important;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
}
.btn i {
font-size: 14px !important;
}
.btn:hover {
transform: translateY(-1px) !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}
.btn:active {
transform: translateY(0px) !important;
}
.btn-primary {
background-color: #3b82f6 !important; /* Modern Blue */
border-color: #3b82f6 !important;
color: #fff !important;
}
.btn-primary:hover {
background-color: #2563eb !important;
border-color: #2563eb !important;
color: #fff !important;
}
.btn-secondary {
background-color: #64748b !important;
border-color: #64748b !important;
color: #fff !important;
}
.btn-secondary:hover {
background-color: #475569 !important;
border-color: #475569 !important;
color: #fff !important;
}
.btn-success {
background-color: #10b981 !important;
border-color: #10b981 !important;
color: #fff !important;
}
.btn-success:hover {
background-color: #059669 !important;
border-color: #059669 !important;
color: #fff !important;
}
.btn-info {
background-color: #06b6d4 !important;
border-color: #06b6d4 !important;
color: #fff !important;
}
.btn-warning {
background-color: #f59e0b !important;
border-color: #f59e0b !important;
color: #fff !important;
}
.btn-danger {
background-color: #ef4444 !important;
border-color: #ef4444 !important;
color: #fff !important;
}
/* Small and Large variants */
.btn-sm {
padding: 5px 12px !important;
font-size: 12px !important;
border-radius: 8px !important;
}
.btn-lg {
padding: 12px 24px !important;
font-size: 15px !important;
border-radius: 12px !important;
}
/* Outline Buttons */
.btn-outline-primary {
border-color: #3b82f6 !important;
color: #3b82f6 !important;
background: transparent !important;
}
.btn-outline-primary:hover {
background: #3b82f6 !important;
color: #fff !important;
}
.nav-main li ul li a {
padding: 4px 10px !important;
font-size: 12.5px !important;
@@ -309,14 +201,10 @@
#page-header .btn-dual-secondary {
background: transparent !important;
border: none !important;
min-width: 36px !important;
width: 36px !important;
height: 36px !important;
padding: 0 10px !important;
border-radius: 8px !important;
color: #475569 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
@@ -346,7 +234,6 @@
.content-header-section {
display: flex !important;
align-items: center !important;
gap: 8px !important;
}
resources/views/admin/inc/header.blade.php
+5 -2
View File
@@ -7,8 +7,11 @@
<!-- Page Title & Breadcrumbs -->
<div class="d-flex flex-column justify-content-center">
<div class="font-size-md font-w700 text-dark mb-0" style="line-height: 1.2;">@yield('title')</div>
<h1 class="h5 font-w700 text-dark mb-0">@yield('title', e2('Dashboard'))</h1>
<nav class="breadcrumb bg-transparent p-0 mb-0 font-size-xs">
<a class="breadcrumb-item text-muted" href="{{url('admin')}}">{{ e2("Home") }}</a>
<span class="breadcrumb-item active text-muted">@yield('title', e2('Dashboard'))</span>
</nav>
</div>
</div>
<!-- END Left Section -->