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

(feat): implemented basic mobile floating bottom navbar and share button

Browse Source
This commit is contained in:
Subhamoy Biswas
2024-03-30 23:26:05 +05:30
parent 9ac0d5bfeb
commit 3787c85d0d
4 changed files with 349 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

243
htdocs/assets/style.css
View File

@@ -581,6 +581,10 @@ video {
right: 0px;
}
.-top-7 {
top: -1.75rem;
}
.-top-\[0\.60rem\] {
top: -0.60rem;
}
@@ -597,6 +601,10 @@ video {
bottom: 20vh;
}
.bottom-\[3vh\] {
bottom: 3vh;
}
.bottom-\[5\.5rem\] {
bottom: 5.5rem;
}
@@ -669,6 +677,46 @@ video {
top: 4.7rem;
}
.-top-1\/2 {
top: -50%;
}
.-bottom-5 {
bottom: -1.25rem;
}
.bottom-5 {
bottom: 1.25rem;
}
.-bottom-2 {
bottom: -0.5rem;
}
.-bottom-3 {
bottom: -0.75rem;
}
.left-\[1rem\] {
left: 1rem;
}
.right-\[1rem\] {
right: 1rem;
}
.bottom-\[5vh\] {
bottom: 5vh;
}
.-bottom-\[5vh\] {
bottom: -5vh;
}
.-bottom-\[10vh\] {
bottom: -10vh;
}
.z-10 {
z-index: 10;
}
@@ -697,6 +745,10 @@ video {
z-index: 50;
}
.z-\[40\] {
z-index: 40;
}
.m-2 {
margin: 0.5rem;
}
@@ -1050,22 +1102,18 @@ video {
height: 100vh;
}
.h-\[3px\] {
height: 3px;
}
.max-h-\[45vh\] {
max-height: 45vh;
}
.min-h-\[10vh\] {
min-height: 10vh;
}
.min-h-\[15vh\] {
min-height: 15vh;
}
.min-h-\[12vh\] {
min-height: 12vh;
}
.w-0 {
width: 0px;
}
@@ -1078,6 +1126,10 @@ video {
width: 0.5rem;
}
.w-\[20\%\] {
width: 20%;
}
.w-\[200px\] {
width: 200px;
}
@@ -1155,6 +1207,10 @@ video {
width: 100vw;
}
.w-\[3rem\] {
width: 3rem;
}
.max-w-\[45vw\] {
max-width: 45vw;
}
@@ -1320,6 +1376,14 @@ video {
border-radius: 0.75rem;
}
.rounded-tl-full {
border-top-left-radius: 9999px;
}
.rounded-tr-full {
border-top-right-radius: 9999px;
}
.border-\[1px\] {
border-width: 1px;
}
@@ -1340,6 +1404,18 @@ video {
border-width: 5px;
}
.border-\[12px\] {
border-width: 12px;
}
.border-\[6px\] {
border-width: 6px;
}
.border-\[8px\] {
border-width: 8px;
}
.border-b-\[1px\] {
border-bottom-width: 1px;
}
@@ -1414,6 +1490,11 @@ video {
border-color: rgb(217 217 217 / var(--tw-border-opacity));
}
.border-bg_primary {
--tw-border-opacity: 1;
border-color: rgb(15 23 42 / var(--tw-border-opacity));
}
.border-b-accent_secondary_transparent {
border-bottom-color: rgba(255, 255, 255, 0.30);
}
@@ -1584,6 +1665,11 @@ video {
padding-bottom: 0.75rem;
}
.py-4 {
padding-top: 1rem;
padding-bottom: 1rem;
}
.py-5 {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
@@ -1619,6 +1705,21 @@ video {
padding-bottom: 0.30rem;
}
.px-\[1\.50rem\] {
padding-left: 1.50rem;
padding-right: 1.50rem;
}
.px-\[1\.30rem\] {
padding-left: 1.30rem;
padding-right: 1.30rem;
}
.px-\[1\.35rem\] {
padding-left: 1.35rem;
padding-right: 1.35rem;
}
.pb-1 {
padding-bottom: 0.25rem;
}
@@ -1900,6 +2001,132 @@ video {
hostname: port;
}
.before\:absolute::before {
content: var(--tw-content);
position: absolute;
}
.before\:top-0::before {
content: var(--tw-content);
top: 0px;
}
.before\:-left-10::before {
content: var(--tw-content);
left: -2.5rem;
}
.before\:-left-5::before {
content: var(--tw-content);
left: -1.25rem;
}
.before\:top-1\/2::before {
content: var(--tw-content);
top: 50%;
}
.before\:-left-7::before {
content: var(--tw-content);
left: -1.75rem;
}
.before\:-left-6::before {
content: var(--tw-content);
left: -1.5rem;
}
.before\:h-\[20px\]::before {
content: var(--tw-content);
height: 20px;
}
.before\:w-\[20px\]::before {
content: var(--tw-content);
width: 20px;
}
.before\:rounded-tr-full::before {
content: var(--tw-content);
border-top-right-radius: 9999px;
}
.before\:bg-bg_primary::before {
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(15 23 42 / var(--tw-bg-opacity));
}
.before\:bg-accent_primary::before {
content: var(--tw-content);
--tw-bg-opacity: 1;
background-color: rgb(56 189 248 / var(--tw-bg-opacity));
}
.before\:bg-\[transparent\]::before {
content: var(--tw-content);
background-color: transparent;
}
.before\:shadow-\[0px_-10px_0_0_rgb\(15\2c _23\2c _42\)\]::before {
content: var(--tw-content);
--tw-shadow: 0px -10px 0 0 rgb(15, 23, 42);
--tw-shadow-colored: 0px -10px 0 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.before\:content-\[\'\'\]::before {
--tw-content: '';
content: var(--tw-content);
}
.after\:absolute::after {
content: var(--tw-content);
position: absolute;
}
.after\:-right-6::after {
content: var(--tw-content);
right: -1.5rem;
}
.after\:top-1\/2::after {
content: var(--tw-content);
top: 50%;
}
.after\:h-\[20px\]::after {
content: var(--tw-content);
height: 20px;
}
.after\:w-\[20px\]::after {
content: var(--tw-content);
width: 20px;
}
.after\:rounded-tl-full::after {
content: var(--tw-content);
border-top-left-radius: 9999px;
}
.after\:bg-\[transparent\]::after {
content: var(--tw-content);
background-color: transparent;
}
.after\:shadow-\[0px_-10px_0_0_rgb\(15\2c _23\2c _42\)\]::after {
content: var(--tw-content);
--tw-shadow: 0px -10px 0 0 rgb(15, 23, 42);
--tw-shadow-colored: 0px -10px 0 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.after\:content-\[\'\'\]::after {
--tw-content: '';
content: var(--tw-content);
}
.last\:mb-3:last-child {
margin-bottom: 0.75rem;
}