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.
This commit is contained in:
@@ -32,7 +32,7 @@
|
||||
}
|
||||
|
||||
.card {
|
||||
@apply bg-white rounded-lg shadow-md p-6;
|
||||
@apply bg-white rounded-lg shadow-md p-6;
|
||||
}
|
||||
|
||||
.loading-spinner {
|
||||
@@ -42,6 +42,29 @@
|
||||
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);
|
||||
|
||||
@@ -17,7 +17,7 @@
|
||||
</script>
|
||||
|
||||
<footer class="bg-white border-t border-gray-200 mt-12 w-full">
|
||||
<div class="container mx-auto px-4 py-6 text-center text-sm text-gray-600">
|
||||
<div class="container mx-auto px-4 py-4 text-center text-sm text-gray-600">
|
||||
<p>EDH Stats • Track your Commander games</p>
|
||||
{#if version}
|
||||
<p class="text-xs text-gray-500 mt-1">v{version}</p>
|
||||
|
||||
@@ -207,7 +207,7 @@
|
||||
</div>
|
||||
{:else}
|
||||
<!-- Stats Overview -->
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-8">
|
||||
<div class="grid grid-cols-2 md:grid-cols-2 lg:grid-cols-4 gap-4 md:gap-6 mb-8">
|
||||
<!-- Total Games -->
|
||||
<div class="card">
|
||||
<div class="flex items-center justify-between">
|
||||
|
||||
@@ -429,7 +429,7 @@
|
||||
type="date"
|
||||
bind:value={formData.date}
|
||||
required
|
||||
class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-indigo-500 focus:border-indigo-500"
|
||||
class="w-full px-3 py-2 border border-gray-300 rounded-md bg-white text-gray-900 appearance-none focus:outline-none focus:ring-indigo-500 focus:border-indigo-500"
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -1 +1 @@
|
||||
2.4.1
|
||||
2.4.2
|
||||
|
||||
Reference in New Issue
Block a user