mirror of
https://dev.azure.com/hugendubel/ISA/_git/ISA-Frontend
synced 2025-12-31 09:37:15 +01:00
Datepicker Filter Design Adjustments
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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];
|
||||
}
|
||||
|
||||
@@ -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 {
|
||||
|
||||
@@ -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 {
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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) {
|
||||
|
||||
Reference in New Issue
Block a user