arifal/setrip
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add end date and create logo and fix filter

Browse Source
This commit is contained in:
arifal
2026-04-17 00:16:31 +07:00
parent 82c1da9951
commit 7159e9108f
35 changed files with 743 additions and 82 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/globals.css
+77
View File
@@ -55,3 +55,80 @@ select:focus {
border-color: #16a34a;
box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.15);
}
/* react-datepicker theme overrides */
.react-datepicker {
font-family: inherit !important;
border: 1px solid #e5e7eb !important;
border-radius: 1rem !important;
box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1) !important;
}
.react-datepicker__header {
background: #f9fafb !important;
border-bottom: 1px solid #e5e7eb !important;
border-radius: 1rem 1rem 0 0 !important;
padding-top: 12px !important;
}
.react-datepicker__current-month {
font-weight: 700 !important;
color: #1f2937 !important;
font-size: 0.875rem !important;
}
.react-datepicker__day-name {
color: #6b7280 !important;
font-weight: 500 !important;
font-size: 0.75rem !important;
}
.react-datepicker__day {
border-radius: 0.5rem !important;
font-size: 0.8125rem !important;
color: #1f2937 !important;
}
.react-datepicker__day:hover {
background: #dcfce7 !important;
color: #15803d !important;
}
.react-datepicker__day--selected,
.react-datepicker__day--range-start,
.react-datepicker__day--range-end {
background: #16a34a !important;
color: #fff !important;
}
.react-datepicker__day--in-range,
.react-datepicker__day--in-selecting-range {
background: #dcfce7 !important;
color: #166534 !important;
}
.react-datepicker__day--keyboard-selected {
background: #bbf7d0 !important;
color: #166534 !important;
}
.react-datepicker__day--disabled {
color: #d1d5db !important;
}
.react-datepicker__navigation-icon::before {
border-color: #6b7280 !important;
}
.react-datepicker__navigation:hover *::before {
border-color: #16a34a !important;
}
.react-datepicker__close-icon::after {
background-color: #9ca3af !important;
font-size: 14px !important;
}
.react-datepicker__close-icon:hover::after {
background-color: #16a34a !important;
}