feat: implement Citrus design system and integrate into admin master layout

This commit is contained in:
Ümit Tunç
2026-04-29 06:59:18 +03:00
parent 37d3c2dfba
commit a9911d6a47
2 changed files with 25 additions and 13 deletions
@@ -39,6 +39,12 @@
filter: brightness(0) invert(1) !important; filter: brightness(0) invert(1) !important;
} }
.content-side-user {
height: inherit !important;
background-color: #f6f7f9;
overflow: hidden;
}
/* Light theme logo color fix */ /* Light theme logo color fix */
.content-side-user[class*="-light"] .img-link img, .content-side-user[class*="-light"] .img-link img,
.content-side-user[class*="-lighter"] .img-link img, .content-side-user[class*="-lighter"] .img-link img,
@@ -46,6 +52,10 @@
filter: none !important; filter: none !important;
} }
.content-side img {
width: 100% !important
}
/* Search Module Tighter */ /* Search Module Tighter */
#search-module { #search-module {
margin: 8px 12px !important; margin: 8px 12px !important;
+15 -13
View File
@@ -100,7 +100,8 @@ if (getisset("ajax")) {
<nav id="sidebar"> <nav id="sidebar">
<div class="sidebar-content"> <div class="sidebar-content">
<div class="content-side content-side-full content-side-user px-10 align-parent {{setting("header_color")}}"> <div
class="content-side content-side-full content-side-user px-10 align-parent {{setting("header_color")}}">
<!-- Visible only in mini mode --> <!-- Visible only in mini mode -->
<div class="sidebar-mini-visible-b align-v animated fadeIn"> <div class="sidebar-mini-visible-b align-v animated fadeIn">
<a href="{{url("admin")}}"> <a href="{{url("admin")}}">
@@ -113,12 +114,13 @@ if (getisset("ajax")) {
<div class="sidebar-mini-hidden-b text-center"> <div class="sidebar-mini-hidden-b text-center">
<div class="py-10"> <div class="py-10">
<a class="img-link" href="{{url("admin")}}"> <a class="img-link" href="{{url("admin")}}">
<img class="img-fluid" src="{{ url("assets/citrus-logos/citrus-yatay.svg") }}" alt="" style="max-height: 40px;"> <img class="img-fluid" src="{{ url("assets/citrus-logos/citrus-yatay.svg") }}" alt=""
style="max-height: 40px;">
</a> </a>
</div> </div>
<div class="pb-10"> <div class="">
<a class="text-dual-primary-dark font-size-xs font-w600" <a class="text-dual-primary-dark font-size-xs font-w600" href="#">{{ Auth::user()->name }}
href="#">{{ Auth::user()->name }} {{ Auth::user()->surname }}</a> {{ Auth::user()->surname }}</a>
<div class="mt-5"> <div class="mt-5">
<span class="badge badge-success">{{ Auth::user()->level }}</span> <span class="badge badge-success">{{ Auth::user()->level }}</span>
@@ -161,14 +163,14 @@ if (getisset("ajax")) {
<div class="clearfix"></div> <div class="clearfix"></div>
@include('admin.inc.feedback-modal') @include('admin.inc.feedback-modal')
<footer id="page-footer" class="t-center" style=" background: gray; <footer id="page-footer" class="t-center" style=" background: gray;
color: white; color: white;
padding: 5px 10px; padding: 5px 10px;
position: fixed; position: fixed;
bottom: 0px; bottom: 0px;
right: 0px; right: 0px;
width: 100%; width: 100%;
text-align: right; text-align: right;
font-size: 12px;"> font-size: 12px;">
<div class="footer-status"></div> <div class="footer-status"></div>
</footer> </footer>
</div> </div>