feat: make popup view responsive (#2895)

* feat: make popup view responsive * fix: use tailwind classes * fix: add icon for prompt * fix: remove whitespace --------- Co-authored-by: René Aaron <[email protected]> Co-authored-by: René Aaron <[email protected]>
getAlby · Dec 6, 2023 · db5f1e1 · db5f1e1
1 parent d8b46af
commit db5f1e1
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 8 deletions.
diff --git a/static/views/popup.html b/static/views/popup.html
@@ -3,18 +3,17 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <title>Alby</title>
-    <meta property="og:site_name" content="Alby" />
-    <meta
-      property="og:image:url"
-      content="/assets/icons/alby_icon_yellow_128x128.png"
+    <link
+      rel="icon"
+      type="image/png"
+      href="assets/icons/alby_icon_yellow_32x32.png"
     />
+    <title>Alby</title>
   </head>
 
   <body
-    class="w-96 overflow-x-hidden bg-gray-50 dark:bg-surface-00dp slashed-zero"
-    style="height: 600px"
+    class="w-96 max-w-full overflow-x-hidden h-[600px] min-h-screen bg-gray-50 dark:bg-surface-00dp slashed-zero"
   >
-    <div id="popup-root" style="height: 100%"></div>
+    <div id="popup-root" class="h-full"></div>
   </body>
 </html>
diff --git a/static/views/prompt.html b/static/views/prompt.html
@@ -3,6 +3,11 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link
+      rel="icon"
+      type="image/png"
+      href="assets/icons/alby_icon_yellow_32x32.png"
+    />
     <title>Alby</title>
   </head>