- risolto problema sulle card di telegram, immagini non alte uguali e non si vedono bene...
65 lines
1.1 KiB
SCSS
65 lines
1.1 KiB
SCSS
|
|
.elemEdit {
|
|
position: absolute;
|
|
top: 10px;
|
|
left: 10px;
|
|
background: rgba(0, 0, 0, 0.5);
|
|
color: white;
|
|
padding: 5px 10px;
|
|
border-radius: 4px;
|
|
z-index: 100;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.card-group-scrollable {
|
|
overflow-x: auto;
|
|
overflow-y: hidden;
|
|
scrollbar-width: thin;
|
|
}
|
|
|
|
.card-group-scrollable::-webkit-scrollbar {
|
|
height: 8px;
|
|
}
|
|
|
|
.card-group-scrollable::-webkit-scrollbar-track {
|
|
background: rgba(0, 0, 0, 0.1);
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.card-group-scrollable::-webkit-scrollbar-thumb {
|
|
background: rgba(0, 0, 0, 0.3);
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.flex-card {
|
|
display: flex;
|
|
flex-direction: column;
|
|
transition: transform 0.3s ease;
|
|
margin: 0 0.25rem !important;
|
|
}
|
|
|
|
.titolo_card {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.titolo_card:hover {
|
|
transform: scale(1.05);
|
|
}
|
|
|
|
.img-container {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
background: rgba(0, 0, 0, 0.02);
|
|
}
|
|
|
|
.q-card-section-small {
|
|
padding: px !important; // o il valore che preferisci
|
|
flex: 1;
|
|
}
|
|
|
|
.clEdit {
|
|
border: 2px dashed #ff9800;
|
|
background: rgba(255, 152, 0, 0.1);
|
|
cursor: pointer;
|
|
} |