feat(SW-72): move the room selection to its own component

2024-07-10 10:51:15 +02:00
parent 6b5606fc8b
commit 8e94c92c70
7 changed files with 75 additions and 56 deletions
--- a/components/HotelReservation/SelectRate/RoomSelection/RoomCard/roomCard.module.css
+++ b/components/HotelReservation/SelectRate/RoomSelection/RoomCard/roomCard.module.css
@@ -0,0 +1,39 @@
+.card {
+  font-size: 14px;
+  text-align: center;
+  display: flex;
+  flex-direction: column-reverse;
+  background-color: #fff;
+  border-radius: var(--Corner-radius-Small);
+  border: 1px solid rgba(77, 0, 27, 0.1);
+}
+
+.cardBody {
+  padding: var(--Spacing-x2);
+  display: flex;
+  flex-direction: column;
+  gap: var(--Spacing-x1);
+}
+
+.name {
+  display: inline-block;
+}
+.nameInfo {
+  float: right;
+}
+
+.price {
+  font-size: 24px;
+  font-weight: 600;
+  text-align: center;
+}
+
+.card .button {
+  display: inline;
+}
+
+.card img {
+  max-width: 100%;
+  aspect-ratio: 2.45;
+  object-fit: cover;
+}