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

(feat): changed share window animation with simple slide up

Browse Source
This commit is contained in:
Subhamoy Biswas
2023-11-27 20:55:07 +05:30
parent d950280ef7
commit cf0de4f37e
2 changed files with 10 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
htdocs/assets/_floatingbar.php
View File

@@ -100,7 +100,7 @@
</div> </div>
</div> </div>
</div> </div>
<div id="sharewindow" class="sharewindow w-[90vw] md:w-[50vw] mx-auto py-6 fixed inset-x-0 bottom-[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 py-6 fixed inset-x-0 bottom-[20vh] z-40 justify-between bg-bg_secondary rounded-xl hidden">
<div class="shareviaqr w-fit h-full flex flex-col items-center py-3 px-7"> <div class="shareviaqr w-fit h-full flex flex-col items-center py-3 px-7">
<p class="self-start text-xl">Scan to Share</p> <p class="self-start text-xl">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">

12
htdocs/assets/extra-style.css
View File

@@ -203,13 +203,11 @@ background: #38BDF8;
@keyframes shareWindowShow { @keyframes shareWindowShow {
from { from {
width: 25vw; bottom: -100vh;
height: 30vh;
opacity: 0; opacity: 0;
} }
to { to {
width: 50vw; bottom: 20vh;
height: 60vh;
opacity: 1; opacity: 1;
} }
} }
@@ -231,13 +229,11 @@ background: #38BDF8;
@keyframes shareWindowShow { @keyframes shareWindowShow {
from { from {
width: 25vw; bottom: -100vh;
height: 30vh;
opacity: 0; opacity: 0;
} }
to { to {
width: 90vw; bottom: 20vh;
height: 45vh;
opacity: 1; opacity: 1;
} }
} }