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

feat(SW-718) Updated css naming

Browse Source
This commit is contained in:
Pontus Dreij
2025-01-28 10:50:06 +01:00
parent f1ca27ebd6
commit b42f92b121
2 changed files with 5 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/HotelReservation/SelectRate/Rooms/index.tsx
View File

@@ -243,7 +243,7 @@ export default function Rooms({
</Subtitle> </Subtitle>
)} )}
<div className={classNames}> <div className={classNames}>
<div className={styles.selectedRoomPanel}> <div className={styles.roomPanel}>
<SelectedRoomPanel <SelectedRoomPanel
roomIndex={index} roomIndex={index}
room={room} room={room}

12
components/HotelReservation/SelectRate/Rooms/rooms.module.css
View File

@@ -15,7 +15,7 @@
padding: var(--Spacing-x2); padding: var(--Spacing-x2);
} }
._basePanel { .roomPanel {
display: grid; display: grid;
grid-template-rows: 0fr; grid-template-rows: 0fr;
opacity: 0; opacity: 0;
@@ -25,20 +25,16 @@
grid-template-rows 0.3s ease; grid-template-rows 0.3s ease;
} }
._basePanel > * { .roomPanel > * {
overflow: hidden; overflow: hidden;
} }
.roomSelectionPanel { .roomSelectionPanel {
composes: _basePanel; composes: roomPanel;
gap: var(--Spacing-x2); gap: var(--Spacing-x2);
} }
.selectedRoomPanel { .roomSelectionPanelContainer.selected .roomPanel {
composes: _basePanel;
}
.roomSelectionPanelContainer.selected .selectedRoomPanel {
grid-template-rows: 1fr; grid-template-rows: 1fr;
opacity: 1; opacity: 1;
height: auto; height: auto;