Bump version to 2.4.2. Adjust date input appearance and positioning. Tighten spacing on dashboard stats cards. Update footer padding.
76 lines
1.3 KiB
CSS
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);
|
|
}
|
|
}
|