rmcamposandGitHub
5fec30fea0
* feat: add initial files and spec 1 * feat: add spec for rich text feature * chore: restore file from broken AI session * feat: add project constraints to ai * chore: update spec feature prompt * feat: add multiple tags support - wip * test: fix test cases * chore: move tag list to below the inputs * chore: add ngrok files and updates * fix: session issues and query using HQL * test: fix test cases
48 lines
988 B
SCSS
48 lines
988 B
SCSS
@import '../../styles/theme.scss';
|
|
|
|
/* custom-datepicker.scss */
|
|
.react-datepicker-wrapper,
|
|
.react-datepicker__input-container {
|
|
flex: 1 1 auto !important;
|
|
width: 1% !important;
|
|
display: flex !important;
|
|
}
|
|
|
|
.react-datepicker__input-container {
|
|
/* Ensure it takes full width of the flex item */
|
|
width: 100%;
|
|
}
|
|
|
|
|
|
.react-datepicker__input-container input {
|
|
font-size: 16px; /* Prevents iOS zoom on focus */
|
|
width: 100%;
|
|
border-radius: 4px;
|
|
border: 1px solid var(--bs-border-color);
|
|
border-top-left-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
|
|
.react-datepicker-popper {
|
|
z-index: 9999 !important;
|
|
}
|
|
|
|
.react-datepicker__day {
|
|
margin: 0.2rem;
|
|
padding: 0.5rem;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
/* Larger touch targets on mobile */
|
|
@media (max-width: 768px) {
|
|
.react-datepicker__day,
|
|
.react-datepicker__month-text,
|
|
.react-datepicker__quarter-text,
|
|
.react-datepicker__year-text {
|
|
width: 2.5rem;
|
|
height: 2.5rem;
|
|
line-height: 2.5rem;
|
|
margin: 0.2rem;
|
|
}
|
|
}
|