prepare fileBrowser layout on mobile

2024-07-21 18:56:56 +02:00
parent 6507b64922
commit 593c85a8b9
6 changed files with 123 additions and 15 deletions
@@ -499,14 +499,28 @@ body[showing-chat] #chat-page-wrapper {
  scroll-snap-type: x mandatory;
 }
 .file-browser > div {
+  display: flex;
+  flex-direction: column;
  width: 100%;
  min-width: 100%;
  flex: 0;
-  display: flex;
-  flex-direction: column;
-  padding: var(--content-padding);
  scroll-snap-align: center;
-  overflow: auto;
+}
+.file-browser .scroll-area {
+  flex: 1;
+  width: 100%;
+  height: 100%;
+  overflow-y: auto;
+  padding: var(--content-padding);
+}
+.file-browser .detail-button-wrapper {
+  display: flex;
+  justify-content: end;
+  border-top: 1px solid var(--border);
+  padding: var(--content-padding);
+}
+.file-browser .detail-button-wrapper button {
+  max-width: 100%;
 }
 .file-browser code {
  width: 100%;
@@ -518,4 +532,7 @@ body[showing-chat] #chat-page-wrapper {
    min-width: 50%;
    flex: 1;
  }
+  .file-browser .detail-button-wrapper {
+    display: none;
+  }
 }