From 413a63a60307bdf60229670b0f858963604d62a3 Mon Sep 17 00:00:00 2001
From: Alec Di Vito <me@alecdivito.com>
Date: Sun, 16 Feb 2025 23:35:26 -0500
Subject: feat: implement temporary file uploads and tweak mobile design

---
 data/style.scss | 22 ++++++++++++++++++----
 1 file changed, 18 insertions(+), 4 deletions(-)

(limited to 'data/style.scss')

diff --git a/data/style.scss b/data/style.scss
index dc1e585..2e02c44 100644
--- a/data/style.scss
+++ b/data/style.scss
@@ -52,6 +52,10 @@ $upload_container_height: 18rem;
     &.active {
         right: 1rem;
     }
+
+    #upload-toggle {
+        transition: transform 0.3s ease;
+    }
 }
 
 .upload_container {
@@ -61,11 +65,19 @@ $upload_container_height: 18rem;
 }
 
 .upload_header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
     padding: 1rem;
     background-color: var(--upload_modal_header_background);
     color: var(--upload_modal_header_color);
 }
 
+.upload_header svg {
+    width: 24px;
+    height: 24px;
+}
+
 .upload_action {
     background-color: var(--upload_modal_sub_header_background);
     color: var(--upload_modal_header_color);
@@ -89,7 +101,7 @@ $upload_container_height: 18rem;
     margin: 0px;
     flex: 1;
     overflow-y: auto;
-    max-height:inherit;
+    max-height: inherit;
 }
 
 .upload_file_list {
@@ -224,7 +236,7 @@ a.file,
     color: var(--file_link_color);
 
     &:visited {
-        color: var(--file_link_color_visited)
+        color: var(--file_link_color_visited);
     }
 }
 
@@ -667,14 +679,16 @@ th span.active span {
         right: 1.5rem;
     }
 
-    $upload_container_height_mobile: 60vh;
+    $upload_container_height_mobile: 100vh;
 
     .upload_area {
-        width: 100vw;
+        width: 100%;
+        height: 136px;
         max-height: $upload_container_height_mobile;
         max-width: unset;
         min-width: unset;
         bottom: 0;
+        transition: height 0.3s ease;
 
         &.active {
             right: 0;
-- 
cgit v1.2.3