neosubhamoy/neosubhamoy-portfolio
1
1
Fork 0
mirror of https://github.com/neosubhamoy/neosubhamoy-portfolio.git synced 2025-12-19 22:53:03 +05:30
Code Issues Wiki Activity

(refactor): improved qr-container styling

Browse Source
This commit is contained in:
Subhamoy Biswas
2023-11-25 01:04:14 +05:30
parent 60e3cfc9be
commit 0f1350858d
2 changed files with 29 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
htdocs/assets/_floatingbar.php
View File

@@ -100,8 +100,8 @@
</div> </div>
</div> </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 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 p-3"> <div class="shareviaqr w-fit h-full flex flex-col items-center py-3 px-7">
<p class="self-start">Scan to Share</p> <p class="self-start">Scan to Share</p>
<div class="bg-bg_primary p-5 rounded-lg my-3"> <div class="bg-bg_primary p-5 rounded-lg my-3">
<div class="qrwrapper w-[150px] h-[150px]"> <div class="qrwrapper w-[150px] h-[150px]">
@@ -109,7 +109,7 @@
</div> </div>
</div> </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> <p class="self-start">Other Sharing Options</p>
</div> </div>
</div> </div>

26
htdocs/assets/style.css
View File

@@ -1161,6 +1161,10 @@ video {
border-color: rgb(217 217 217 / var(--tw-border-opacity)); 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 { .border-l-accent_primary {
--tw-border-opacity: 1; --tw-border-opacity: 1;
border-left-color: rgb(56 189 248 / var(--tw-border-opacity)); border-left-color: rgb(56 189 248 / var(--tw-border-opacity));
@@ -1322,6 +1326,28 @@ video {
padding-right: 0.85rem; 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-left {
text-align: left; text-align: left;
} }