mirror of
https://github.com/pyMC-dev/pyMC_Repeater.git
synced 2026-06-28 22:11:40 +02:00
Lloyd
2 lines
2.6 KiB
CSS
2 lines
2.6 KiB
CSS
.sparkline-card[data-v-eb0d809d]{background:color-mix(in srgb, var(--color-surface) 75%, transparent);border:1px solid var(--color-border-subtle);-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);box-shadow:0 4px 16px color-mix(in srgb, var(--color-background) 18%, transparent), 0 1px 3px color-mix(in srgb, var(--color-background) 10%, transparent);border-radius:12px;padding:12px 14px;transition:background .3s,border-color .3s,box-shadow .3s;overflow:hidden}.dark .sparkline-card[data-v-eb0d809d]{background:var(--color-surface-elevated);border:1px solid var(--color-border-subtle);box-shadow:0 4px 16px color-mix(in srgb, var(--color-background) 35%, transparent)}.card-header[data-v-eb0d809d]{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.card-title[data-v-eb0d809d]{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:500;transition:color .3s}.dark .card-title[data-v-eb0d809d]{color:var(--color-text-muted)}.card-subtitle[data-v-eb0d809d]{color:var(--color-text-muted);margin-top:2px;font-size:9px;font-weight:400;transition:color .3s}.dark .card-subtitle[data-v-eb0d809d]{color:var(--color-text-muted)}.card-value[data-v-eb0d809d]{font-variant-numeric:tabular-nums;font-size:22px;font-weight:700;line-height:1}.card-chart[data-v-eb0d809d]{width:100%;height:28px;overflow:hidden}.chart-svg[data-v-eb0d809d]{width:100%;height:100%}.chart-loader[data-v-eb0d809d],.chart-error[data-v-eb0d809d]{justify-content:center;align-items:center;height:100%;display:flex}.chart-retry-btn[data-v-eb0d809d]{color:var(--color-text-muted);background:var(--color-background-mute);border:1px solid var(--color-border-subtle);cursor:pointer;border-radius:4px;padding:2px 8px;font-size:11px;transition:background .2s}.chart-retry-btn[data-v-eb0d809d]:hover{background:var(--color-border-subtle)}.dark .chart-retry-btn[data-v-eb0d809d]{color:var(--color-text-muted);background:var(--color-background-mute);border-color:var(--color-border-subtle)}.dark .chart-retry-btn[data-v-eb0d809d]:hover{background:var(--color-border-subtle)}.chart-text[data-v-eb0d809d]{justify-content:center;align-items:center;height:100%;display:flex}.percent-value[data-v-eb0d809d]{color:var(--color-text-muted);font-variant-numeric:tabular-nums;font-size:20px;font-weight:500}.sparkline-path[data-v-eb0d809d]{transition:d 1s ease-out}@media (width>=1024px){.sparkline-card[data-v-eb0d809d]{padding:14px 16px}.card-header[data-v-eb0d809d]{margin-bottom:10px}.card-title[data-v-eb0d809d]{font-size:12px}.card-value[data-v-eb0d809d]{font-size:26px}.card-chart[data-v-eb0d809d]{height:32px}.percent-value[data-v-eb0d809d]{font-size:24px}}
|