feat: implement new Citrus design theme and header layout with tightened UI spacing

This commit is contained in:
Ümit Tunç
2026-04-29 07:49:23 +03:00
parent 12223eac40
commit db16bce35e
2 changed files with 13 additions and 14 deletions
@@ -201,15 +201,16 @@
#page-header .btn-dual-secondary { #page-header .btn-dual-secondary {
background: transparent !important; background: transparent !important;
border: none !important; border: none !important;
width: 36px !important; min-width: 36px !important;
height: 36px !important; height: 36px !important;
padding: 0 10px !important;
border-radius: 8px !important; border-radius: 8px !important;
color: #475569 !important; color: #475569 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
} }
#page-header .btn-dual-secondary:hover { #page-header .btn-dual-secondary:hover {
background: #f1f5f9 !important; background: #f1f5f9 !important;
color: var(--citrus-primary) !important; color: var(--citrus-primary) !important;
@@ -234,6 +235,7 @@
.content-header-section { .content-header-section {
display: flex !important; display: flex !important;
align-items: center !important; align-items: center !important;
gap: 8px !important; /* Added gap between buttons */
} }
+7 -10
View File
@@ -8,10 +8,7 @@
<!-- Page Title & Breadcrumbs --> <!-- Page Title & Breadcrumbs -->
<div class="d-flex flex-column justify-content-center"> <div class="d-flex flex-column justify-content-center">
<h1 class="h5 font-w700 text-dark mb-0">@yield('title', e2('Dashboard'))</h1> <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>
</div> </div>
<!-- END Left Section --> <!-- END Left Section -->
@@ -36,16 +33,16 @@
<h5 class="h6 text-center py-10 mb-5 border-b text-uppercase">Admin Tools</h5> <h5 class="h6 text-center py-10 mb-5 border-b text-uppercase">Admin Tools</h5>
<a class="dropdown-item" href="javascript:void(0)" onclick=" <a class="dropdown-item" href="javascript:void(0)" onclick="
Swal.fire('', 'Cronjob is Started', 'success'); Swal.fire('', 'Cronjob is Started', 'success');
$.get('{{url("cron")}}', function(d){ $.get('{{url("cron")}}', function(d){
Swal.fire('', 'Cronjob is OK', 'success') Swal.fire('', 'Cronjob is OK', 'success')
});"> });">
<i class="fa fa-cog mr-5"></i> {{e2("Run CronJOB")}} <i class="fa fa-cog mr-5"></i> {{e2("Run CronJOB")}}
</a> </a>
<a class="dropdown-item" href="javascript:void(0)" onclick="$.get('{{url("clear-cache")}}',function(d) { <a class="dropdown-item" href="javascript:void(0)" onclick="$.get('{{url("clear-cache")}}',function(d) {
Swal.fire('', 'Cache is Cleared!', 'success') Swal.fire('', 'Cache is Cleared!', 'success')
});"> });">
<i class="fa fa-sync mr-5"></i> {{__('Clear cache')}} <i class="fa fa-sync mr-5"></i> {{__('Clear cache')}}
</a> </a>
</div> </div>