فهرست منبع

nuovi stili header e sidebar

ferrari 6 ماه پیش
والد
کامیت
6593eb231c
3فایلهای تغییر یافته به همراه146 افزوده شده و 21 حذف شده
  1. 112 0
      public/css/new_style.css
  2. 1 0
      public/css/style.css
  3. 33 21
      resources/views/layouts/app.blade.php

+ 112 - 0
public/css/new_style.css

@@ -0,0 +1,112 @@
+:root {
+    --color-text: #000000;
+    --color-text-alt: #ffffff;
+
+    --color-blu: #0618be;
+    --color-viola: #7738fa;
+    --color-viola-hover: #7738fa40;
+    --color-lilla: #f6f7ff;
+    --color-outile: #8979ff;
+    --color-rosso: #d6234f;
+    --color-verde: #339e8e;
+}
+
+html,
+body {
+    background-color: var(--color-lilla);
+    color: var(--color-text);
+}
+
+/* Header */
+.header--gestionale {
+    background-color: var(--color-blu);
+}
+
+.header--gestionale_back {
+    width: auto;
+}
+
+.header--gestionale_back button {
+    border: none;
+    background-color: transparent;
+    color: white;
+    outline: none;
+    font-size: 30px;
+    padding: 0;
+    line-height: 1;
+}
+
+.header--gestionale_logo {
+    width: auto;
+}
+
+.header--gestionale_pageTitle {
+    width: unset;
+    flex: 1;
+}
+
+.header--userprofile-icon {
+    vertical-align: middle;
+    width: 50px;
+    height: 50px;
+    border-radius: 12px;
+    background-color: white;
+    text-align: center;
+    border: 2px solid var(--color-outile);
+}
+
+/* Sidebar */
+#sidebar--wrapper #filter--section {
+    padding-right: 15px !important;
+}
+
+#sidebar--wrapper #filter--section #accordionExample .accordion-header {
+    margin-left: 5px;
+}
+
+#sidebar--wrapper #filter--section #accordionExample .accordion-button {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: nowrap;
+    justify-content: flex-start;
+    align-items: baseline;
+    gap: 5px;
+}
+
+#sidebar--wrapper #filter--section #accordionExample .accordion-button i {
+    width: 30px;
+    height: 30px;
+    display: flex;
+    flex-direction: row;
+    flex-wrap: nowrap;
+    align-content: center;
+    justify-content: center;
+    align-items: center;
+}
+
+#menu-anagrafica li a.nav-link,
+#menu-contabilita li a.nav-link,
+#menu-scadenze li a.nav-link,
+#menu-anagrafica li:hover a span,
+#menu-contabilita li:hover a span,
+#menu-scadenze li:hover a span {
+    color: var(--color-text);
+}
+
+#accordionExample .accordion-item:hover,
+#menu-anagrafica li:hover,
+#menu-contabilita li:hover,
+#menu-scadenze li:hover {
+    /* background-color: transparent; */
+    background-color: var(--color-viola-hover);
+}
+
+#accordionExample .accordion-item.accordion-item-active,
+#accordionExample .accordion-item .nav-item.nav-item-active {
+    background-color: var(--color-viola);
+    color: #ffffff;
+}
+
+#accordionExample .accordion-item .nav-item.nav-item-active a span {
+    color: #ffffff;
+}

+ 1 - 0
public/css/style.css

@@ -16689,6 +16689,7 @@ div.dt-container div.dt-length label {
 /* CSS Ferrari - Modifiche UI */
 #home_logo {
   height: 70px;
+  width: auto;
 }
 
 #sidebar--wrapper {

+ 33 - 21
resources/views/layouts/app.blade.php

@@ -128,12 +128,17 @@
     </style>
     @stack('css')
     <link rel="stylesheet" href="/css/extra.css?v={{date('YmdHis')}}">
+    <!-- New style css -->
+    <link rel="stylesheet" href="/css/new_style.css?v={{date('YmdHis')}}">
 </head>
 
 <body>
   <div class="container-fluid">
 
     <div class="row header--gestionale">
+        <div class="header--gestionale_back">
+            <button onclick="history.back();"><i class="fa-solid fa-chevron-left"></i></button>
+        </div>
         <div class="header--gestionale_logo">
             <a href="/dashboard" class="d-flex align-items-center pb-2 pt-2">
                 <img src="{{env('LOGO2', env('LOGO', ''))}}" id="home_logo" class="img-fluid" alt="logo madonnella"/>
@@ -214,7 +219,7 @@
             </h3>
 
             <div class="header--userprofile d-flex align-items-center" style="cursor: pointer;">
-                <div style="vertical-align: middle;width: 50px;height: 50px;border-radius: 50%;background-color:white;text-align:center">
+                <div class="header--userprofile-icon">
                     <h3 style="font-size:1.50rem;color:#0C6197">{{substr(Auth::user()->name, 0, 1)}}</h3>
                 </div>
                 <a id="link-popover" data-bs-toggle="popover" data-bs-placement="bottom" data-bs-content="Bottom popover">{{Auth::user()->name}} <small>{{Auth::user()->level == 0 ? 'Admin' : 'Worker'}}</small></a>
@@ -250,19 +255,20 @@
                     <div class="accordion-item">
                         <h2 class="accordion-header linkMenu" id="headingOne" style="margin-top:50px;">
                             <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="{{Request::is('members') || Request::is('suppliers') ? 'true' : 'false'}}" aria-controls="collapseOne">
-                                Anagrafiche
+                                <i class="fas fa-user"></i>
+                                <span>Anagrafiche</span>
                             </button>
                         </h2>
                         <div id="collapseOne" class="accordion-collapse collapse {{Request::is('members') || Request::is('suppliers') ? 'show' : ''}}" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
                             <div class="accordion-body">
                                 <ul class="nav nav-pills flex-column align-items-center align-items-sm-start w-100" id="menu-anagrafica" style="margin-top:0px;">
-                                    <li class="nav-item" style="{{Request::is('members') ? 'background-color: #c5d9e6;' : ''}}">
+                                    <li class="nav-item {{Request::is('members') ? "nav-item-active" : ""}}">
                                         <a href="/members" class="nav-link d-flex align-items-center linkMenu">
                                             <span class="ms-3 d-md-inline">Utenti</span>
                                         </a>
                                     </li>
                                     @if(Auth::user()->level == env('LEVEL_ADMIN', 0))
-                                        <li class="nav-item"  style="{{Request::is('suppliers') ? 'background-color: #c5d9e6;' : ''}}">
+                                        <li class="nav-item {{Request::is('suppliers') ? "nav-item-active" : ""}}">
                                             <a href="/suppliers" class="nav-link d-flex align-items-center linkMenu">
                                                 <span class="ms-3 d-md-inline">Fornitori</span>
                                             </a>
@@ -275,37 +281,38 @@
                     <div class="accordion-item">
                         <h2 class="accordion-header linkMenu" id="headingTwo">
                             <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="{{Request::is('in') || Request::is('out') || Request::is('receipts') || Request::is('records_in_out') || Request::is('records') ? 'true' : 'false'}}" aria-controls="collapseTwo">
-                                Contabilità
+                                <i class="fas fa-signal"></i>
+                                <span>Contabilità</span>
                             </button>
                         </h2>
                         <div id="collapseTwo" class="accordion-collapse collapse {{Request::is('in') || Request::is('out') || Request::is('receipts') || Request::is('records_in_out') || Request::is('records') ? 'show' : ''}}" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
                             <div class="accordion-body">
                                 <ul class="nav nav-pills flex-column align-items-center align-items-sm-start w-100" id="menu-contabilita" style="margin-top:0px;">
-                                    <li class="nav-item" style="{{Request::is('in') ? 'background-color: #c5d9e6;' : ''}}">
+                                    <li class="nav-item {{Request::is('in') ? "nav-item-active" : ""}}">
                                         <a href="/in" class="nav-link d-flex align-items-center linkMenu">
                                             <span class="ms-3 d-md-inline">Entrate</span>
                                         </a>
                                     </li>
                                     @if(Auth::user()->level == env('LEVEL_ADMIN', 0))
-                                        <li class="nav-item" style="{{Request::is('out') ? 'background-color: #c5d9e6;' : ''}}">
+                                        <li class="nav-item {{Request::is('out') ? "nav-item-active" : ""}}">
                                             <a href="/out" class="nav-link d-flex align-items-center linkMenu">
                                                 <span class="ms-3 d-md-inline">Uscite</span>
                                             </a>
                                         </li>
                                     @endif
-                                    <li class="nav-item" style="{{Request::is('receipts') ? 'background-color: #c5d9e6;' : ''}}">
+                                    <li class="nav-item {{Request::is('receipts') ? "nav-item-active" : ""}}">
                                         <a href="/receipts" class="nav-link d-flex align-items-center linkMenu">
                                             <span class="ms-3 d-md-inline">Ricevute</span>
                                         </a>
                                     </li>
                                     @if(Auth::user()->level == env('LEVEL_ADMIN', 0))
-                                        <li class="nav-item" style="{{Request::is('records_in_out') ? 'background-color: #c5d9e6;' : ''}}">
+                                        <li class="nav-item {{Request::is('recors_in_out') ? "nav-item-active" : ""}}">
                                             <a href="/records_in_out" class="nav-link d-flex align-items-center linkMenu">
                                                 <span class="ms-3 d-md-inline">Gestionale</span>
                                             </a>
                                         </li>
                                     @endif
-                                    <li class="nav-item" style="{{Request::is('records') ? 'background-color: #c5d9e6;' : ''}}">
+                                    <li class="nav-item {{Request::is('records') ? "nav-item-active" : ""}}">
                                         <a href="/records" class="nav-link d-flex align-items-center linkMenu">
                                             <span class="ms-3 d-md-inline">Prima Nota</span>
                                         </a>
@@ -317,19 +324,20 @@
                     <div class="accordion-item">
                         <h2 class="accordion-header linkMenu" id="headingThree">
                             <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="{{Request::is('course_member_one') || Request::is('course_member_two') || Request::is('course_list') || Request::is('course_member') ? 'true' : 'false'}}" aria-controls="collapseThree">
-                                Corsi
+                                <i class="fas fa-calendar"></i>
+                                <span>Corsi</span>
                             </button>
                         </h2>
                         <div id="collapseThree" class="accordion-collapse collapse {{Request::is('course_member_one') || Request::is('course_member_two') || Request::is('course_list') || Request::is('course_member') ? 'show' : ''}}" aria-labelledby="headingThree" data-bs-parent="#accordionExample">
                             <div class="accordion-body">
                                 <ul class="nav nav-pills flex-column align-items-center align-items-sm-start w-100" id="menu-contabilita" style="margin-top:0px;">
-                                    <li class="nav-item" style="{{Request::is('course_member_one') || Request::is('course_member_two') || Request::is('course_member') ? 'background-color: #c5d9e6;' : ''}}">
+                                    <li class="nav-item {{Request::is('course_member_one') || Request::is('course_member_two') || Request::is('course_member') ? "nav-item-active" : ""}}">
                                         <a href="/course_member_one" class="nav-link d-flex align-items-center linkMenu">
                                             <span class="ms-3 d-md-inline">Iscritti</span>
                                         </a>
                                     </li>
                                     @if(false)
-                                        <li class="nav-item" style="{{Request::is('course_list') ? 'background-color: #c5d9e6;' : ''}}">
+                                        <li class="nav-item {{Request::is('course_list') ? "nav-item-active" : ""}}">
                                             <a href="/course_list" class="nav-link d-flex align-items-center linkMenu">
                                                 <span class="ms-3 d-md-inline">Pagamenti</span>
                                             </a>
@@ -340,37 +348,41 @@
                         </div>
                     </div>
                     @if(false)
-                        <div class="accordion-item" style="{{Request::is('reminders') ? 'background-color: #c5d9e6;' : ''}}">
+                        <div class="accordion-item {{Request::is('reminders') ? "accordion-item-active" : ""}}">
                             <h2 class="accordion-header linkMenu">
                                 <a class="accordion-button collapsed" href="/reminders">
-                                    Scadenze
+                                    <i class="fas fa-clock"></i>
+                                    <span>Scadenze</span>
                                 </a>
                             </h2>
                         </div>
                     @endif
                     @if(Auth::user()->level == env('LEVEL_ADMIN', 0))
-                        <div class="accordion-item " style="{{Request::is('settings') || Request::is('categories') || Request::is('disciplines') || Request::is('cards') || Request::is('course_subscriptions') || Request::is('courses') || Request::is('course_durations') || Request::is('course_frequencies') || Request::is('course_levels') || Request::is('course_types') || Request::is('banks') || Request::is('causals') || Request::is('vats') || Request::is('payment_methods') || Request::is('users') ? 'background-color: #c5d9e6;' : ''}}">
+                        <div class="accordion-item {{Request::is('settings') || Request::is('categories') || Request::is('disciplines') || Request::is('cards') || Request::is('course_subscriptions') || Request::is('courses') || Request::is('course_durations') || Request::is('course_frequencies') || Request::is('course_levels') || Request::is('course_types') || Request::is('banks') || Request::is('causals') || Request::is('vats') || Request::is('payment_methods') || Request::is('users') ? "accordion-item-active" : ""}}">
                             <h2 class="accordion-header linkMenu">
                                 <a class="accordion-button collapsed" href="/settings">
-                                    Impostazioni
+                                    <i class="fas fa-gear"></i>
+                                    <span>Impostazioni</span>
                                 </a>
                             </h2>
                         </div>
                         @if(false)
-                            <div class="accordion-item " style="{{Request::is('users') ? 'background-color: #c5d9e6;' : ''}}">
+                            <div class="accordion-item {{Request::is('users') ? "accordion-item-active" : ""}}">
                                 <h2 class="accordion-header linkMenu">
                                     <a class="accordion-button collapsed" href="/users">
-                                        Utenti
+                                        <i class="fas fa-users"></i>
+                                        <span>Utenti</span>
                                     </a>
                                 </h2>
                             </div>
                         @endif
                     @endif
                     @if(Auth::user()->level == env('LEVEL_ADMIN', 0))
-                        <div class="accordion-item " style="{{Request::is('reports') ? 'background-color: #c5d9e6;' : ''}}">
+                        <div class="accordion-item {{Request::is('reports') ? "accordion-item-active" : ""}}">
                             <h2 class="accordion-header linkMenu">
                                 <a class="accordion-button collapsed" href="/reports">
-                                    Reports
+                                    <i class="fas fa-chart-line"></i>
+                                    <span>Reports</span>
                                 </a>
                             </h2>
                         </div>