Files
controls-web/lasuca/new/css/grower-dashboard.css
2026-02-17 09:29:34 -06:00

68 lines
1.2 KiB
CSS

/* Grower dashboard tweaks layered on top of lasuca-theme */
body.lasuca-theme {
background: radial-gradient(circle at top right, rgba(26, 78, 55, 0.85) 0%, rgba(10, 28, 18, 0.96) 100%);
}
.navbar .navbar-brand span {
font-size: 0.85rem;
}
.hero .badge {
background: rgba(255, 255, 255, 0.12);
border: 1px solid rgba(255, 255, 255, 0.3);
color: rgba(255, 255, 255, 0.92);
}
.hero h1 {
letter-spacing: 0.02em;
}
.hero p {
max-width: 720px;
}
.metric-grid .metric-value {
font-size: clamp(1.6rem, 2vw, 2.1rem);
}
.feature-card h3 {
display: flex;
align-items: center;
gap: 12px;
}
.feature-card a.btn-outline-success {
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.feature-card.load-table {
background: var(--lasuca-cream);
}
.feature-card.load-table table thead th {
border-color: rgba(24, 71, 42, 0.24);
}
.feature-card.load-table table tbody td {
border-color: rgba(24, 71, 42, 0.12);
}
.load-time {
display: inline-block;
margin-left: 6px;
color: var(--lasuca-muted);
}
@media (max-width: 767px) {
.metric-grid {
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
}
.feature-card.load-table .btn {
width: 100%;
}
}