feat(SW-243): add temp data

2024-08-20 14:29:14 +02:00
parent bd14fb5fd2
commit 65509622d2
12 changed files with 203 additions and 114 deletions
@@ -0,0 +1,80 @@
+.card {
+  display: flex;
+  width: 100%;
+  background-color: var(--Base-Surface-Primary-light-Normal);
+  border-radius: var(--Corner-radius-Small);
+  overflow: hidden;
+}
+
+.image {
+  height: 100%;
+  width: 105px;
+  object-fit: cover;
+}
+
+.info {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  gap: var(--Spacing-x1);
+  padding: var(--Spacing-x2);
+}
+
+.hotel,
+.stay {
+  display: flex;
+  flex-direction: column;
+  gap: var(--Spacing-x-half);
+}
+
+.caption {
+  display: flex;
+  flex-direction: column;
+}
+.dates {
+  display: flex;
+  align-items: center;
+  gap: var(--Spacing-x-half);
+}
+
+.table {
+  display: flex;
+  justify-content: space-between;
+  padding: var(--Spacing-x2);
+  border-radius: var(--Corner-radius-Small);
+  background-color: var(--Base-Surface-Primary-dark-Normal);
+  width: 100%;
+}
+
+.breakfast,
+.checkIn,
+.checkOut {
+  display: flex;
+  flex-direction: column;
+  gap: var(--Spacing-x-half);
+  font-family: var(--typography-Caption-Regular-fontFamily);
+  font-size: var(--typography-Caption-Regular-fontSize);
+}
+
+@media screen and (min-width: 1367px) {
+  .card {
+    flex-direction: column;
+  }
+  .image {
+    width: 100%;
+    height: 100%;
+    max-height: 195px;
+  }
+
+  .info {
+    flex-direction: row;
+    justify-content: space-between;
+    gap: var(--Spacing-x4);
+  }
+
+  .hotel,
+  .width {
+    width: 100%;
+    max-width: 230px;
+  }
+}