69 lines
1.5 KiB
CSS
69 lines
1.5 KiB
CSS
.dealer-proposal-modal {
|
|
width: 90vw !important;
|
|
max-width: 90vw !important;
|
|
max-height: 95vh !important;
|
|
}
|
|
|
|
/* Mobile responsive */
|
|
@media (max-width: 640px) {
|
|
.dealer-proposal-modal {
|
|
width: 95vw !important;
|
|
max-width: 95vw !important;
|
|
max-height: 95vh !important;
|
|
}
|
|
}
|
|
|
|
/* Tablet and small desktop */
|
|
@media (min-width: 641px) and (max-width: 1023px) {
|
|
.dealer-proposal-modal {
|
|
width: 90vw !important;
|
|
max-width: 90vw !important;
|
|
}
|
|
}
|
|
|
|
/* Large screens - fixed max-width for better readability */
|
|
@media (min-width: 1024px) {
|
|
.dealer-proposal-modal {
|
|
width: 90vw !important;
|
|
max-width: 1000px !important;
|
|
}
|
|
}
|
|
|
|
/* Extra large screens */
|
|
@media (min-width: 1536px) {
|
|
.dealer-proposal-modal {
|
|
width: 90vw !important;
|
|
max-width: 1000px !important;
|
|
}
|
|
}
|
|
|
|
/* Date input calendar icon positioning */
|
|
.dealer-proposal-modal input[type="date"] {
|
|
position: relative;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.dealer-proposal-modal input[type="date"]::-webkit-calendar-picker-indicator {
|
|
position: absolute;
|
|
right: 0.5rem;
|
|
cursor: pointer;
|
|
opacity: 1;
|
|
z-index: 1;
|
|
pointer-events: auto;
|
|
}
|
|
|
|
.dealer-proposal-modal input[type="date"]::-webkit-inner-spin-button,
|
|
.dealer-proposal-modal input[type="date"]::-webkit-clear-button {
|
|
display: none;
|
|
-webkit-appearance: none;
|
|
}
|
|
|
|
/* Firefox date input */
|
|
.dealer-proposal-modal input[type="date"]::-moz-calendar-picker-indicator {
|
|
position: absolute;
|
|
right: 0.5rem;
|
|
cursor: pointer;
|
|
opacity: 1;
|
|
}
|
|
|