feat: implement admin dashboard header with user tools and notification system
This commit is contained in:
@@ -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,6 +199,9 @@
|
|||||||
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;
|
||||||
@@ -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 {
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user