From 0f1350858d322c2a83316d319603a3880167ed7c Mon Sep 17 00:00:00 2001
From: Subhamoy Biswas <subhamoybiswas636@gmail.com>
Date: Sat, 25 Nov 2023 01:04:14 +0530
Subject: [PATCH] (refactor): improved qr-container styling

---
 htdocs/assets/_floatingbar.php |  6 +++---
 htdocs/assets/style.css        | 26 ++++++++++++++++++++++++++
 2 files changed, 29 insertions(+), 3 deletions(-)

diff --git a/htdocs/assets/_floatingbar.php b/htdocs/assets/_floatingbar.php
index 3409c27..8e55603 100644
--- a/htdocs/assets/_floatingbar.php
+++ b/htdocs/assets/_floatingbar.php
@@ -100,8 +100,8 @@
         </div>
     </div>
 </div>
-<div id="sharewindow" class="sharewindow w-[90vw] md:w-[50vw] mx-auto h-[45vh] md:h-[60vh] p-4 fixed inset-x-0 top-[20vh] z-40 justify-between items-center bg-bg_secondary rounded-xl hidden">
-    <div class="shareviaqr w-fit h-full flex flex-col items-center p-3">
+<div id="sharewindow" class="sharewindow w-[90vw] md:w-[50vw] mx-auto h-[45vh] md:h-[60vh] py-6 fixed inset-x-0 top-[20vh] z-40 justify-between items-center bg-bg_secondary rounded-xl hidden">
+    <div class="shareviaqr w-fit h-full flex flex-col items-center py-3 px-7">
         <p class="self-start">Scan to Share</p>
         <div class="bg-bg_primary p-5 rounded-lg my-3">
             <div class="qrwrapper w-[150px] h-[150px]">
@@ -109,7 +109,7 @@
             </div>
         </div>
     </div>
-    <div class="extrashareopt w-full h-full flex flex-col items-center p-3 border-l-[1px] border-accent_secondary_transparent">
+    <div class="extrashareopt w-full h-full flex flex-col items-center py-3 px-7 border-l-[1px] border-[rgba(255,_255,_255,_0.15)]">
         <p class="self-start">Other Sharing Options</p>
     </div>
 </div>
diff --git a/htdocs/assets/style.css b/htdocs/assets/style.css
index deb9e4c..65f7d89 100644
--- a/htdocs/assets/style.css
+++ b/htdocs/assets/style.css
@@ -1161,6 +1161,10 @@ video {
   border-color: rgb(217 217 217 / var(--tw-border-opacity));
 }
 
+.border-\[rgba\(255\2c _255\2c _255\2c _0\.15\)\] {
+  border-color: rgba(255, 255, 255, 0.15);
+}
+
 .border-l-accent_primary {
   --tw-border-opacity: 1;
   border-left-color: rgb(56 189 248 / var(--tw-border-opacity));
@@ -1322,6 +1326,28 @@ video {
   padding-right: 0.85rem;
 }
 
+.py-6 {
+  padding-top: 1.5rem;
+  padding-bottom: 1.5rem;
+}
+
+.py-3 {
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+}
+
+.pr-4 {
+  padding-right: 1rem;
+}
+
+.pr-7 {
+  padding-right: 1.75rem;
+}
+
+.pl-7 {
+  padding-left: 1.75rem;
+}
+
 .text-left {
   text-align: left;
 }