surya/myprojplanet_vite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

- aggiornamenti guida RIS, FAQ

Browse Source 
- Editor HTML aggiunto CSS e Script
- Statistiche
- CRISBalanceBar
- Inizio Sync... (ma disattivato)
This commit is contained in:
Surya Paolo
2025-12-02 22:16:24 +01:00
parent 8b6a636a96
commit a51bc5a8a2
53 changed files with 8041 additions and 1177 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
src/components/CMyRecCard/CMyRecCard.scss
View File

@@ -1,3 +1,5 @@
@use "sass:color";
// ========================================
// VARIABILI
// ========================================
@@ -28,17 +30,17 @@ $mobile-breakpoint: 768px;
@media (max-width: $mobile-breakpoint) {
margin: 2px auto;
}
&.is-even {
.modern-rec-card {
background: linear-gradient(135deg, rgba(49, 154, 239, 0.08) 0%, rgba(25, 118, 210, 0.03) 100%);
background: linear-gradient(135deg, rgba(49, 153, 239, 0.249) 0%, rgba(25, 118, 210, 0.03) 100%);
border-color: rgba(66, 165, 245, 0.12);
}
}
&.is-odd {
.modern-rec-card {
background: linear-gradient(135deg, rgba(38, 197, 218, 0.08) 0%, rgba(0, 150, 136, 0.03) 100%);
background: linear-gradient(135deg, rgba(38, 197, 218, 0.344) 0%, rgba(0, 150, 136, 0.03) 100%);
border-color: rgba(38, 198, 218, 0.12);
}
}
@@ -167,7 +169,7 @@ $mobile-breakpoint: 768px;
flex: 1;
position: relative;
overflow: hidden;
// L'altezza viene gestita dinamicamente dal Vue
}
@@ -280,26 +282,29 @@ $mobile-breakpoint: 768px;
}
.tag-chip {
height: 19px;
font-size: 0.6875rem;
padding: 0 5px;
height: 20px;
font-size: 0.9rem;
padding: 0 px;
border-radius: 4px;
box-shadow: none;
font-weight: 500;
&.subsector {
background: linear-gradient(135deg, $positive-color, #26a69a);
// Categoria principale - più scura e intensa
&.sector {
background: linear-gradient(135deg, $primary-color, #1976d2);
color: white;
}
&.sector {
background: linear-gradient(135deg, $primary-color, #42a5f5);
// Sottocategoria - stessa base ma più chiara
&.subsector {
background: linear-gradient(135deg, color.adjust($primary-color, $lightness: 10%), #42a5f5);
color: white;
opacity: 0.9; // Opzionale: leggera trasparenza
}
@media (max-width: $mobile-breakpoint) {
height: 17px;
font-size: 0.625rem;
height: 19px;
font-size: 0.8rem;
padding: 0 4px;
}
@@ -505,4 +510,21 @@ $mobile-breakpoint: 768px;
@media (max-width: $mobile-breakpoint) {
margin: 2px 0;
}
}
.category-hierarchy {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 2px;
.hierarchy-arrow {
opacity: 0.5;
font-size: 16px;
}
@media (max-width: $mobile-breakpoint) {
gap: 0px;
}
}