truncgit/citrus-cms
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add Citrus design system and refactor admin master layout for improved UI/UX styling

Browse Source
This commit is contained in:
Ümit Tunç
2026-04-29 06:55:50 +03:00
parent 1a8ec26e7d
commit 37d3c2dfba
3 changed files with 16 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/admin/inc/citrus-design.blade.php
+7
View File
@@ -39,6 +39,13 @@
filter: brightness(0) invert(1) !important; filter: brightness(0) invert(1) !important;
} }
/* Light theme logo color fix */
.content-side-user[class*="-light"] .img-link img,
.content-side-user[class*="-lighter"] .img-link img,
.content-side-user.bg-white .img-link img {
filter: none !important;
}
/* Search Module Tighter */ /* Search Module Tighter */
#search-module { #search-module {
margin: 8px 12px !important; margin: 8px 12px !important;
resources/views/admin/master.blade.php
+1 -1
View File
@@ -100,7 +100,7 @@ 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"> <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")}}">
resources/views/admin/type/settings/common-settings.blade.php
+8 -9
View File
@@ -153,22 +153,21 @@ $colorThemes = [
document.getElementById('header_color_select').value = colorClass; document.getElementById('header_color_select').value = colorClass;
$(document.getElementById('header_color_select')).trigger('change'); $(document.getElementById('header_color_select')).trigger('change');
// #page-header elementini bul // #page-header ve .content-side-user elementlerini bul
var pageHeader = document.getElementById('page-header'); var elementsToUpdate = document.querySelectorAll('#page-header, .content-side-user');
if (pageHeader) {
elementsToUpdate.forEach(function(el) {
// Tüm mevcut bg-* sınıflarını kaldır // Tüm mevcut bg-* sınıflarını kaldır
var classes = pageHeader.className.split(' '); var classes = el.className.split(' ');
for (var i = 0; i < classes.length; i++) { for (var i = 0; i < classes.length; i++) {
if (classes[i].startsWith('bg-')) { if (classes[i].startsWith('bg-')) {
pageHeader.classList.remove(classes[i]); el.classList.remove(classes[i]);
} }
} }
// Yeni renk sınıfını ekle // Yeni renk sınıfını ekle
pageHeader.classList.add(colorClass); el.classList.add(colorClass);
} else { });
console.warn('#page-header elementi bulunamadı!');
}
} }
// Sayfa yüklendiğinde mevcut rengi uygula // Sayfa yüklendiğinde mevcut rengi uygula