stili card anagrafica

public/css/new_style.css

@@ -52,6 +52,27 @@ body #btn-back-to-bottom:hover {
     color: #ffffff;
 }
 
+body #card--dashboard > .btn--ui:has(i[class*="fa-arrow-left"]) {
+    position: absolute;
+    top: 0;
+    margin: 0 !important;
+    left: 0;
+    border: none;
+    padding: 10px;
+    width: 40px;
+    height: 40px;
+    border-radius: 0 !important;
+}
+
+/* Login */
+
+
+
+/* Main content */
+body #card--dashboard {
+    position: relative;
+}
+
 /* Hide popover locked on top left corner */
 .popover[data-popper-reference-hidden] {
     display: none;
@@ -97,10 +118,6 @@ body #btn-back-to-bottom:hover {
 }
 
 /* Sidebar */
-#sidebar--wrapper #filter--section {
-    /* padding-right: 15px !important; */
-}
-
 #sidebar--wrapper #filter--section #accordionExample .accordion-header {
     margin-left: 5px;
 }
@@ -157,5 +174,108 @@ body .dashboard-container {
     background: var(--color-lilla);
 }
 
+/* Resumee card anagrafica */
+.section--tab {
+    border: none;
+}
+
+.section--tab > * {
+    border-color: var(--color-viola) !important;
+    padding: 5px !important;
+    text-transform: uppercase;
+    font-weight: bold !important;
+    color: black !important;
+}
+
+body #card--resume.card--ui {
+    background: unset;
+    background-color: var(--color-lilla);
+    color: black;
+    border: 1px solid var(--color-outile);
+    border-radius: 15px;
+}
+
+body #card--resume.card--ui header {
+    background: transparent;
+    border: none;
+    color: black;
+    padding-top: 35px;
+}
+
+body #card--resume.card--ui header span.user-name,
+body #card--resume.card--ui .card--resume_body .resume--tab_info h2,
+body #card--resume.card--ui .title--tessera_added span.title-detail {
+    color: black;
+}
+
+body #card--resume.card--ui .card--resume_body .resume--tab_info h2 {
+    font-size: 20px;
+    line-height: 1;
+    display: flex;
+    align-items: center;
+    gap: 20px;
+}
+
+body #card--resume.card--ui header span.user-name {
+    font-size: 32px;
+    line-height: 1;
+}
+
+body #card--resume.card--ui header span.user-email {
+    color: black;
+    opacity: 0.8;
+}
+
+body #card--resume.card--ui .card--resume_body .user-address li,
+body #card--resume.card--ui .card--resume_body .user-residence li {
+    gap: 22px;
+    align-items: center;
+    margin-bottom: 15px;
+}
 
-/*  */
+body #card--resume.card--ui .card--resume_body .user-address li i,
+body #card--resume.card--ui .card--resume_body .user-residence li i,
+body #card--resume.card--ui .card--resume_body .resume--tab_info h2 i {
+    font-size: 20px;
+    width: 20px;
+    height: 20px;
+    color: var(--color-viola);
+    margin: 0;
+}
+
+body #card--resume.card--ui .card--resume_body .resume--tab_info ul {
+    padding-left: 55px;
+}
+
+body #card--resume.card--ui .card--resume_body .resume--tab_info ul li::marker {
+    color: var(--color-viola);
+}
+
+body #card--resume.card--ui .card--resume_body .resume--tab_info .resume-corso,
+body
+    #card--resume.card--ui
+    .card--resume_body
+    .resume--tab_info
+    .resume-tessera {
+    border-left: 2px solid var(--color-viola);
+    padding-left: 15px;
+    margin-left: 42px;
+    margin-bottom: 10px;
+}
+
+/* Form */
+body .form--wrapper label,
+body .form--tesseramento label {
+    margin: 0;
+    color: black;
+}
+
+body .form--wrapper .form-control,
+body .form--wrapper .form-select,
+body .form--tesseramento .form-select,
+body .form--wrapper .select2-selection {
+    border-radius: 15px;
+    height: 40px;
+    border: 1px solid #d3dce1 !important;
+    background-color: #f5f8fa !important;
+}

resources/views/layouts/app.blade.php

@@ -136,9 +136,9 @@
   <div class="container-fluid">
 
     <div class="row header--gestionale">
-        <div class="header--gestionale_back">
+        {{-- <div class="header--gestionale_back">
             <button onclick="history.back();"><i class="fa-solid fa-chevron-left"></i></button>
-        </div>
+        </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"/>

resources/views/livewire/member.blade.php

@@ -1332,20 +1332,23 @@
                             <div id="card--resume" class="primary card--ui ms-3 user--resume">
                                 <header>
                                     <div class="username d-flex align-items-start">
-                                        <i class="ico--ui utenti light me-2"></i>
+                                        {{-- <i class="ico--ui utenti light me-2"></i> --}}
                                         <div class="user--resume_name d-flex flex-column">
                                             <span class="user-name">{{ strtoupper($first_name) }} {{ strtoupper($last_name) }}</span>
-                                            <span class="user-email">{{ $birth_date ? date("d/m/Y", strtotime($birth_date)) : '' }}{!!$age != '' ? ' (' . $age . ')' : ''!!}</span>
+                                            {{-- <span class="user-email">{{ $birth_date ? date("d/m/Y", strtotime($birth_date)) : '' }}{!!$age != '' ? ' (' . $age . ')' : ''!!}</span> --}}
                                         </div>
                                     </div>
                                 </header>
                                 <div class="card--resume_body">
                                     <ul class="user-address mb-4 p-0">
-                                        <li><i class="ico--ui resume--ico phone me-2"></i><span>Tel. {{ $phone }}</span></li>
-                                        <li><i class="ico--ui resume--ico mail light me-2"></i><span>{{ $email }}</span></li>
+                                        <li><i class="fa-solid fa-phone"></i><span>Tel. {{ $phone }}</span></li>
+                                        <li><i class="fa-solid fa-calendar"></i><span>Nato il {{ $birth_date ? date("d/m/Y", strtotime($birth_date)) : '' }}{!!$age != '' ? ' (' . $age . ')' : ''!!}</span></li>
+                                        <li><i class="fa-solid fa-envelope"></i><span>{{ $email }}</span></li>
                                     </ul>
                                     <ul class="user-residence p-0">
-                                        <li><i class="ico--ui resume--ico residence me-2"></i>
+                                        <li>
+                                            <i class="fa-solid fa-building"></i>
+                                            {{-- <i class="ico--ui resume--ico residence me-2"></i> --}}
                                             <span>
                                                 @if($city_id > 0)
                                                     {{$this->getCity($city_id)}}
@@ -1359,14 +1362,22 @@
                                         </li>
                                     </ul>
                                     <div class="resume--tab_info credito">
-                                        <h2 class="mb-3">Borsellino MAD</h2>
+                                        <h2 class="mb-3"><i class="fa-solid fa-wallet"></i><span>Borsellino MAD</span></h2>
                                         <span class="value">{{formatPrice($money)}}</span>
                                     </div>
+                                    <div class="resume--tab_info gruppi">
+                                        <h2 class="mb-3"><i class="fa-solid fa-users"></i><span>Gruppi di appartenenza</span></h2>
+                                        <ul>
+                                        @foreach($member_categories as $member_category)
+                                            <li class="resume--info"><span>{{$member_category->category->getTree()}}</span></li>
+                                        @endforeach
+                                        </ul>
+                                    </div>
                                     <div class="resume--tab_info gruppi corsi">
-                                        <h2 class="mb-3">Corsi</h2>
+                                        <h2 class="mb-3"><i class="fa-solid fa-chalkboard"></i><span>Corsi</span></h2>
                                         @foreach($member_courses as $member_course)
-                                            <div class="resume--info d-flex align-items-center">
-                                                <div class="row" style="margin-top:10px">
+                                            <div class="resume--info resume-corso d-flex align-items-center">
+                                                <div class="row">
                                                     <div class="row">
                                                         <strong>{{$member_course->course->getTree()}}</strong></span><br>
                                                     </div>
@@ -1403,12 +1414,12 @@
                                         @endforeach
                                     </div>
                                     <div class="resume--tab_info tesseramento">
-                                        <h2 class="mb-3">Tesseramento</h2>
+                                        <h2 class="mb-3"><i class="fa-solid fa-address-card"></i><span>Tesseramento</span></h2>
                                         @foreach($member_cards as $member_card)
                                             @if($member_card->expire_date . " 23:59:59" > date("Y-m-d"))
                                                 <div class="resume--wrapper d-flex align-items-start justify-content-between mb-2">
-                                                    <div class="resume--info d-flex align-items-start">
-                                                        <i class="ico--ui tessera me-2"></i>
+                                                    <div class="resume--info resume-tessera d-flex align-items-start">
+                                                        {{-- <i class="ico--ui tessera me-2"></i> --}}
                                                         <div class="title--tessera_added">
                                                             <h4>{{$member_card->card->name}}</h4>
                                                             <span class="title-detail">Scadenza: <span class="title-detail_date">{{$member_card->expire_date ? date("d/m/Y", strtotime($member_card->expire_date)) : ''}}</span></span></small>
@@ -1432,7 +1443,7 @@
                                         @endforeach
                                     </div>
                                     <div class="resume--tab_info tesseramento">
-                                        <h2 class="mb-3">Certificato</h2>
+                                        <h2 class="mb-3"><i class="fa-solid fa-certificate"></i><span>Certificato</span></h2>
                                         @if(sizeof($member_certificates) > 0)
                                             @php
                                                 $cert = $member_certificates[0]
@@ -1459,14 +1470,6 @@
                                             @endif
                                         @endif
                                     </div>
-                                    <div class="resume--tab_info gruppi">
-                                        <h2 class="mb-3">Gruppi di appartenenza</h2>
-                                        @foreach($member_categories as $member_category)
-                                            <div class="resume--info d-flex align-items-center">
-                                                <i class="ico--ui gruppi me-2"></i><span><strong>{{$member_category->category->getTree()}}</strong></span>
-                                            </div>
-                                        @endforeach
-                                    </div>
                                 </div>
                             </div>
                         </div>