Create book form for mobile view

2026-02-23 17:44:22 +01:00
parent f01ab82ee9
commit eba6a279eb
3 changed files with 98 additions and 16 deletions
--- a/front/src/BookDateWidget.vue
+++ b/front/src/BookDateWidget.vue
@@ -76,10 +76,6 @@
  align-items:center;
  padding: 20px;
 }
-.bookdatewidget {
-  display: flex;
-  width: 500px;
-}

 .border-radius-right {
  border-radius: 0 30px 30px 0;
@@ -110,4 +106,17 @@
 .widget-readonly {
  opacity: 50%;
 }
+
+@media (max-width: 1024px) {
+  .bookdatewidget {
+    flex: 1;
+  }
+}
+
+@media (min-width: 1024px) {
+  .bookdatewidget {
+    display: flex;
+    width: 500px;
+  }
+}
 </style>