Migliorata UI

salesbook.Shared/Components/Pages/User.razor.css

@@ -1,5 +1,11 @@
+.tab-section {
+    width: 100%;
+    border-radius: var(--mud-default-borderradius);
+    background: var(--light-card-background);
+}
+
 .container-primary-info {
-    box-shadow: var(--custom-box-shadow);
+    background: var(--light-card-background);
     width: 100%;
     margin-bottom: 2rem;
     border-radius: 16px;
@@ -85,8 +91,9 @@
 
 .container-button {
     width: 100%;
-    box-shadow: var(--custom-box-shadow);
-    padding: .25rem 0;
+    background: var(--light-card-background);
+    padding: 0 !important;
+    padding-bottom: .5rem !;
     border-radius: 16px;
     margin-bottom: 0 !important;
 }
@@ -138,8 +145,7 @@
     display: flex;
     flex-direction: column;
     gap: 1rem;
-    margin-bottom: 1rem;
-    box-shadow: var(--custom-box-shadow);
+    background: var(--light-card-background);
     border-radius: 16px;
     max-height: 32vh;
     overflow: auto;
@@ -147,7 +153,12 @@
     padding: 1rem 0;
 }
 
-.container-pers-rif::-webkit-scrollbar { display: none; }
+.container-pers-rif::-webkit-scrollbar { width: 3px; }
+
+.container-pers-rif::-webkit-scrollbar-thumb {
+    background: #bbb;
+    border-radius: 2px;
+}
 
 .container-pers-rif .divider {
     margin: 0 0 0 3.5rem;
@@ -176,12 +187,14 @@
 /*--------------
     TabPanel
 ----------------*/
+
 .box {
     display: flex;
     flex-direction: column;
     width: -webkit-fill-available;
-    box-shadow: var(--custom-box-shadow);
-    border-radius: 16px;
+    background: var(--light-card-background);
+    border-radius: 20px 20px 0 0;
+    border-bottom: .1rem solid var(--card-border-color);
     overflow: clip;
     margin-bottom: 1rem;
 }
@@ -197,7 +210,6 @@
     display: flex;
     position: relative;
     z-index: 1;
-    background: var(--mud-palette-surface);
 }
 
 /* la lineetta */
@@ -268,9 +280,7 @@
 
 #tab1:checked ~ .tab-container .tab-content:nth-child(1),
 #tab2:checked ~ .tab-container .tab-content:nth-child(2),
-#tab3:checked ~ .tab-container .tab-content:nth-child(3) {
-    display: block;
-}
+#tab3:checked ~ .tab-container .tab-content:nth-child(3) { display: block; }
 
 @keyframes fade {
     from {
@@ -286,10 +296,6 @@
 
 .custom-pagination ::deep ul { padding-left: 0 !important; }
 
-.SelectedPageSize {
-    width: 100%;
-}
+.SelectedPageSize { width: 100%; }
 
-.FilterSection {
-    display: flex;
-}
+.FilterSection { display: flex; }