Datepicker Filter Design Adjustments

This commit is contained in:
Nino
2025-04-10 15:31:51 +02:00
parent 4ac84df25c
commit 23876e3266
7 changed files with 7 additions and 7 deletions

View File

@@ -1,3 +1,3 @@
.filter-datepicker-range-input {
@apply flex bg-isa-white w-[18.375rem] rounded-[1.25rem] shadow-[0px_0px_16px_0px_rgba(0,0,0,0.15)];
@apply inline-block;
}

View File

@@ -2,6 +2,6 @@
@apply inline-flex flex-col;
@apply bg-isa-white;
@apply rounded-[1.25rem];
@apply w-[14.3125rem] max-h-[33.5rem];
@apply min-w-[14.3125rem] max-w-[18.375rem] max-h-[33.5rem];
@apply shadow-overlay;
}

View File

@@ -1,4 +1,4 @@
:host {
@apply inline-flex flex-col;
@apply shadow-overlay bg-isa-white rounded-[1.25rem] max-h-[32.3rem];
@apply shadow-overlay bg-isa-white rounded-[1.25rem] max-h-[34.4rem];
}

View File

@@ -1,5 +1,5 @@
.ui-calendar-body {
@apply flex flex-col w-full pt-8 gap-4;
@apply flex flex-col w-full pt-8 pb-6 gap-4;
}
.ui-calendar-body__cell-container {

View File

@@ -1,5 +1,5 @@
.ui-month-year-body {
@apply flex flex-col w-full gap-4;
@apply flex flex-col w-full gap-2;
}
.ui-month-year-body__list {

View File

@@ -1,3 +1,3 @@
.ui-range-datepicker {
@apply h-[29.5rem] w-[18.375rem] inline-grid grid-rows-[4.5rem,25rem] font-sans;
@apply inline-block w-[18.375rem] font-sans;
}

View File

@@ -19,7 +19,7 @@
.ui-selected-range__start-focus-indicator,
.ui-selected-range__stop-focus-indicator {
@apply hidden absolute -bottom-[1.33rem] w-[5.125rem] h-[0.25rem] bg-isa-neutral-700 rounded-[3.125rem];
@apply hidden absolute -bottom-[1.25rem] w-[5.125rem] h-[0.25rem] bg-isa-neutral-700 rounded-[3.125rem];
}
&:has(input#start:focus) {