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

design-system #5

Merged
jare2473 merged 2 commits from design-system into main 2025-09-11 14:07:01 +02:00
Conversation 0 Commits 2 Files Changed 8 +19 -4
3 changed files with 19 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 6c40eeb5b5 - Show all commits

BIN
my-app/public/stort-grupprum.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 507 KiB

14
my-app/src/pages/RoomBooking.jsx
View File

@@ -34,9 +34,17 @@ export function RoomBooking({ bookings, showSuccessBanner, lastCreatedBooking, o
)}
<h1 className={styles.pageHeading}>Lokalbokning</h1>
<h2 className={styles.sectionHeading}>Ny bokning</h2>
<Link to='/new-booking'>
<Card imageUrl="./grupprum.jpg" header="Litet grupprum" subheader="Plats för 5 personer" />
</Link>
<div className={styles.roomCategoryCards}>
<Link to='/new-booking'>
<Card imageUrl="./grupprum.jpg" header="Litet grupprum" subheader="Plats för 5 personer" />
</Link>
<Link to='/new-booking'>
<Card imageUrl="./stort-grupprum.jpg" header="Stort grupprum" subheader="Plats för 10 personer" />
</Link>
</div>
<hr className={styles.sectionDivider} />
<h2 className={styles.sectionHeading}>Mina bokingar</h2>
<BookingsList
bookings={bookings}

9
my-app/src/pages/RoomBooking.module.css
View File

@@ -19,10 +19,17 @@
color: var(--text-primary);
}
.roomCategoryCards {
display: flex;
flex-direction: column;
gap: 2rem;
}
.sectionDivider {
border: none;
margin-top: 4rem;
margin-bottom: 4rem;
border-top: var(--border-width-thin) solid var(--border-medium);
margin-bottom: var(--spacing-3xl);
}
.welcomeSection {