jare2473/studentportalen-prototyping
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

improving-week-36 #1

Merged
jare2473 merged 41 commits from improving-week-36 into main 2025-09-04 10:49:05 +02:00
Conversation 0 Commits 41 Files Changed 65 +18 -21
4 changed files with 18 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit dc028da9f8 - Show all commits

18
my-app/src/components/BookingDatePicker.jsx
View File

@@ -8,16 +8,14 @@ export function BookingDatePicker() {
const booking = useBookingContext();
return (
<div style={{ display: "flex", flexDirection: "row", alignItems: "center", justifyContent: "space-between" }}>
<div>
<DatePicker
value={booking.selectedDate}
onChange={(date) => booking.handleDateChange(date)}
firstDayOfWeek="mon"
minValue={today(getLocalTimeZone())}
maxValue={getFutureDate(14)}
isDateUnavailable={isDateUnavailable}
/>
</div>
<DatePicker
value={booking.selectedDate}
onChange={(date) => booking.handleDateChange(date)}
firstDayOfWeek="mon"
minValue={today(getLocalTimeZone())}
maxValue={getFutureDate(14)}
isDateUnavailable={isDateUnavailable}
/>
</div>
);
}

2
my-app/src/components/ComboBox.module.css
View File

@@ -15,7 +15,7 @@
color: var(--field-text-color);
border: 1px solid var(--border-color);
border-radius: 6px;
padding: 0.286rem 2rem 0.286rem 0.571rem;
padding: 1rem;
vertical-align: middle;
outline: none;
min-width: 0;

13
my-app/src/react-aria-starter/src/DatePicker.css
View File

@@ -13,14 +13,12 @@
display: flex;
width: fit-content;
align-items: center;
width: fit-content
width: fit-content;
gap: 2rem;
}
.react-aria-Group {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
.react-aria-Button {
min-width: fit-content;
}
.chevron-button {
@@ -71,7 +69,8 @@
&[data-pressed] {
box-shadow: none;
background: var(--highlight-background);
/*background: var(--highlight-background);*/
background: #f1f1f1;
}
&[data-focus-visible] {

6
my-app/src/react-aria-starter/src/theme.css
View File

@@ -10,10 +10,10 @@
* Light: https://leonardocolor.io/theme.html?name=Light&config=%7B%22baseScale%22%3A%22Gray%22%2C%22colorScales%22%3A%5B%7B%22name%22%3A%22Gray%22%2C%22colorKeys%22%3A%5B%22%23000000%22%5D%2C%22colorspace%22%3A%22RGB%22%2C%22ratios%22%3A%5B%22-1.12%22%2C%221.45%22%2C%222.05%22%2C%223.02%22%2C%224.54%22%2C%227%22%2C%2210.86%22%5D%2C%22smooth%22%3Afalse%7D%2C%7B%22name%22%3A%22Purple%22%2C%22colorKeys%22%3A%5B%22%235e30eb%22%5D%2C%22colorspace%22%3A%22RGB%22%2C%22ratios%22%3A%5B%22-1.12%22%2C%221.45%22%2C%222.05%22%2C%223.02%22%2C%224.54%22%2C%227%22%2C%2210.86%22%5D%2C%22smooth%22%3Afalse%7D%2C%7B%22name%22%3A%22Red%22%2C%22colorKeys%22%3A%5B%22%23e32400%22%5D%2C%22colorspace%22%3A%22RGB%22%2C%22ratios%22%3A%5B%22-1.12%22%2C%221.45%22%2C%222.05%22%2C%223.02%22%2C%224.54%22%2C%227%22%2C%2210.86%22%5D%2C%22smooth%22%3Afalse%7D%5D%2C%22lightness%22%3A98%2C%22contrast%22%3A1%2C%22saturation%22%3A100%2C%22formula%22%3A%22wcag2%22%7D */
:root {
--background-color: #f8f8f8;
--gray-50: #ffffff;
--gray-50: #FAFBFC;
--gray-100: #d0d0d0;
--gray-200: #afafaf;
--gray-300: #8f8f8f;
--gray-300: #CECECE;
--gray-400: #717171;
--gray-500: #555555;
--gray-600: #393939;
@@ -40,7 +40,7 @@
--gray-50: #101010;
--gray-100: #393939;
--gray-200: #4f4f4f;
--gray-300: #686868;
--gray-300: #CECECE;
--gray-400: #848484;
--gray-500: #a7a7a7;
--gray-600: #cfcfcf;