scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merged in fix/SW-2204-selected-room-section-alignment (pull request #1748)

Browse Source 
fix(SW-2204): Selected room alignment

* refactor(SW-2204): remove unused icon wrapper and related styles from SelectedRoom component


Approved-by: Christian Andolf
This commit is contained in:
Chuma Mcphoy (We Ahead)
2025-04-07 12:32:56 +00:00
parent e6ae6ff650
commit 2de8295ca5
2 changed files with 0 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
apps/scandic-web/components/HotelReservation/EnterDetails/SelectedRoom/index.tsx
View File

@@ -42,11 +42,6 @@ export default function SelectedRoom() {
return ( return (
<div className={styles.wrapper} data-available={room.isAvailable}> <div className={styles.wrapper} data-available={room.isAvailable}>
<div className={styles.iconWrapper}>
<div className={styles.circle}>
<MaterialIcon icon="check" color="Icon/Inverted" size={16} />
</div>
</div>
<div className={styles.main}> <div className={styles.main}>
<div className={styles.headerContainer}> <div className={styles.headerContainer}>
<Footnote <Footnote

13
apps/scandic-web/components/HotelReservation/EnterDetails/SelectedRoom/selectedRoom.module.css
View File

@@ -2,7 +2,6 @@
position: relative; position: relative;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
gap: var(--Spacing-x-one-and-half);
} }
.wrapper[data-available="false"] .title, .wrapper[data-available="false"] .title,
@@ -41,10 +40,6 @@
align-self: flex-start; align-self: flex-start;
} }
.wrapper[data-available="false"] .circle {
background-color: var(--Base-Surface-Subtle-Hover);
}
.rate { .rate {
color: var(--UI-Text-Placeholder); color: var(--UI-Text-Placeholder);
display: block; display: block;
@@ -56,14 +51,6 @@
} }
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {
.wrapper {
gap: var(--Spacing-x3);
}
.iconWrapper {
top: var(--Spacing-x1);
}
.rate { .rate {
display: inline; display: inline;
} }