Files
edh-stats/frontend/src/app.css
Michael Skrynski 6a6411accd Update version to 2.4.2 and refine input styles
Bump version to 2.4.2.

Adjust date input appearance and positioning.
Tighten spacing on dashboard stats cards.
Update footer padding.
2026-04-14 07:28:38 +02:00

76 lines
1.3 KiB
CSS

@tailwind base;
@tailwind components;
@tailwind utilities;
/* Custom fonts */
@font-face {
font-family: 'Beleren';
src: url('/fonts/Beleren-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
/* Custom utility classes */
.font-mtg {
font-family: 'Beleren', serif;
}
.btn {
@apply px-4 py-2 rounded-lg font-medium transition-all duration-200;
}
.btn-primary {
@apply bg-indigo-600 text-white hover:bg-indigo-700 active:bg-indigo-800;
}
.btn-secondary {
@apply bg-gray-200 text-gray-800 hover:bg-gray-300 active:bg-gray-400;
}
.btn-danger {
@apply bg-red-600 text-white hover:bg-red-700 active:bg-red-800;
}
.card {
@apply bg-white rounded-lg shadow-md p-6;
}
.loading-spinner {
border: 3px solid #f3f4f6;
border-top: 3px solid #6366f1;
border-radius: 50%;
animation: spin 1s linear infinite;
}
input[type="date"] {
appearance: none;
-webkit-appearance: none;
background-color: #fff;
color: #111827;
padding-right: 2.5rem;
font-variant-numeric: tabular-nums;
position: relative;
}
input[type="date"]::-webkit-date-and-time-value {
text-align: left;
}
input[type="date"]::-webkit-calendar-picker-indicator {
position: absolute;
right: 0.75rem;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
opacity: 0.7;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}