From a9911d6a4798b2785f273a76b5b9354004135164 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=9Cmit=20Tun=C3=A7?= <umitreva@gmail.com>
Date: Wed, 29 Apr 2026 06:59:18 +0300
Subject: [PATCH] feat: implement Citrus design system and integrate into admin
 master layout

---
 .../views/admin/inc/citrus-design.blade.php   | 10 +++++++
 resources/views/admin/master.blade.php        | 28 ++++++++++---------
 2 files changed, 25 insertions(+), 13 deletions(-)

diff --git a/resources/views/admin/inc/citrus-design.blade.php b/resources/views/admin/inc/citrus-design.blade.php
index 99a9205..189282e 100644
--- a/resources/views/admin/inc/citrus-design.blade.php
+++ b/resources/views/admin/inc/citrus-design.blade.php
@@ -39,6 +39,12 @@
         filter: brightness(0) invert(1) !important;
     }
 
+    .content-side-user {
+        height: inherit !important;
+        background-color: #f6f7f9;
+        overflow: hidden;
+    }
+
     /* Light theme logo color fix */
     .content-side-user[class*="-light"] .img-link img,
     .content-side-user[class*="-lighter"] .img-link img,
@@ -46,6 +52,10 @@
         filter: none !important;
     }
 
+    .content-side img {
+        width: 100% !important
+    }
+
     /* Search Module Tighter */
     #search-module {
         margin: 8px 12px !important;
diff --git a/resources/views/admin/master.blade.php b/resources/views/admin/master.blade.php
index 89367ac..3f1635b 100644
--- a/resources/views/admin/master.blade.php
+++ b/resources/views/admin/master.blade.php
@@ -100,7 +100,8 @@ if (getisset("ajax")) {
                 <nav id="sidebar">
                     <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 -->
                             <div class="sidebar-mini-visible-b align-v animated fadeIn">
                                 <a href="{{url("admin")}}">
@@ -113,12 +114,13 @@ if (getisset("ajax")) {
                             <div class="sidebar-mini-hidden-b text-center">
                                 <div class="py-10">
                                     <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>
                                 </div>
-                                <div class="pb-10">
-                                    <a class="text-dual-primary-dark font-size-xs font-w600"
-                                        href="#">{{ Auth::user()->name }} {{ Auth::user()->surname }}</a>
+                                <div class="">
+                                    <a class="text-dual-primary-dark font-size-xs font-w600" href="#">{{ Auth::user()->name }}
+                                        {{ Auth::user()->surname }}</a>
 
                                     <div class="mt-5">
                                         <span class="badge badge-success">{{ Auth::user()->level }}</span>
@@ -161,14 +163,14 @@ if (getisset("ajax")) {
             <div class="clearfix"></div>
             @include('admin.inc.feedback-modal')
             <footer id="page-footer" class="t-center" style="    background: gray;
-                        color: white;
-                        padding: 5px 10px;
-                        position: fixed;
-                        bottom: 0px;
-                        right: 0px;
-                        width: 100%;
-                        text-align: right;
-                        font-size: 12px;">
+                                color: white;
+                                padding: 5px 10px;
+                                position: fixed;
+                                bottom: 0px;
+                                right: 0px;
+                                width: 100%;
+                                text-align: right;
+                                font-size: 12px;">
                 <div class="footer-status"></div>
             </footer>
         </div>