feat: implement admin dashboard header with user tools and notification system

This commit is contained in:
Ümit Tunç
2026-04-29 07:20:02 +03:00
parent 491f929bdd
commit 8f8ded39c3
2 changed files with 17 additions and 88 deletions
@@ -39,6 +39,11 @@
filter: brightness(0) invert(1) !important; filter: brightness(0) invert(1) !important;
} }
.sidebar-inverse i img {
filter: invert(0) !important;
width: 22px;
}
.content-side-user { .content-side-user {
height: inherit !important; height: inherit !important;
background-color: #f6f7f9; background-color: #f6f7f9;
@@ -194,13 +199,16 @@
color: #475569 !important; color: #475569 !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;
} }
/* Breadcrumb styling */ /* Breadcrumb styling */
.breadcrumb-item + .breadcrumb-item::before { .breadcrumb-item+.breadcrumb-item::before {
content: "/"; content: "/";
font-family: inherit; font-family: inherit;
font-weight: 400; font-weight: 400;
@@ -220,9 +228,6 @@
align-items: center !important; align-items: center !important;
} }
.mini-header {
display: none !important;
}
/* --- MAIN CONTAINER TIGHTER --- */ /* --- MAIN CONTAINER TIGHTER --- */
.main-container { .main-container {
+2 -78
View File
@@ -3,27 +3,12 @@
<div class="content-header"> <div class="content-header">
<!-- Left Section --> <!-- Left Section -->
<div class="content-header-section"> <div class="content-header-section">
@if (isset($c) && $c->icon)
<div class="mr-15 d-flex align-items-center justify-content-center"
style="width: 36px; height: 36px; background: #f8fafc; border-radius: 10px; border: 1px solid #f1f5f9;">
<img src="{{ url('assets/icons/' . $c->icon . '.png') }}" alt=""
style="width: 20px; height: 20px; object-fit: contain;">
</div>
@endif
<!-- Page Title & Breadcrumbs --> <!-- Page Title & Breadcrumbs -->
<div class="d-flex flex-column justify-content-center"> <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> <div class="font-size-md font-w700 text-dark mb-0" style="line-height: 1.2;">@yield('title')</div>
<nav class="breadcrumb bg-transparent p-0 mb-0 font-size-xs" style="line-height: 1;">
<a class="breadcrumb-item text-muted" href="{{url('admin')}}">Projects</a>
@if (isset($c) && $c->parent)
<?php $parent = DB::table('types')->where('id', $c->parent)->first(); ?>
@if ($parent)
<a class="breadcrumb-item text-muted" href="javascript:void(0)">{{ $parent->title }}</a>
@endif
@endif
<span class="breadcrumb-item active text-muted">@yield('title')</span>
</nav>
</div> </div>
</div> </div>
<!-- END Left Section --> <!-- END Left Section -->
@@ -179,10 +164,6 @@ foreach ($dil as $d) { ?>
</div> </div>
<!-- END Header Search --> <!-- END Header Search -->
<div class="d-flex justify-content-center py-3 mini-header">
@yield("title")
</div>
<!-- Header Loader --> <!-- Header Loader -->
<div id="page-header-loader" class="overlay-header bg-primary"> <div id="page-header-loader" class="overlay-header bg-primary">
<div class="content-header content-header-fullrow text-center"> <div class="content-header content-header-fullrow text-center">
@@ -194,63 +175,6 @@ foreach ($dil as $d) { ?>
<!-- END Header Loader --> <!-- END Header Loader -->
<style> <style>
/* Mini Header Custom Styles */
.mini-header {
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
/* Image ve title arası mesafe */
transition: all 0.3s ease;
/* Hem mobilde hem desktopta akışı bozmaması için absolute */
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1000;
/* En üstte */
pointer-events: none;
/* Arkadaki butonlara tıklanabilsin */
color: white !important;
/* Her durumda beyaz */
}
.mini-header img {
height: 33px;
width: auto;
display: block;
filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
}
/* Geniş Ekran (Desktop) Ayarları */
@media (min-width: 992px) {
.mini-header {
font-size: 20px;
top: 3px;
/* Özel istek */
height: auto;
}
.mini-header img {
height: 33px;
}
}
/* Mobil Ekran Ayarları */
@media (max-width: 991.98px) {
.mini-header {
font-size: 16px;
/* Mobilde tam ortada kalsın */
}
.mini-header img {
height: 28px;
}
}
/* Print Styles */ /* Print Styles */
.yesprint { .yesprint {
display: none; display: none;