From 9127f531e1f6b652b60524a72bcb67a821045307 Mon Sep 17 00:00:00 2001 From: Subhamoy Biswas Date: Mon, 20 Nov 2023 21:33:50 +0530 Subject: [PATCH] (refactor): made default search window letter key icons size smaller --- htdocs/assets/_floatingbar.php | 28 ++++---- htdocs/assets/style.css | 122 ++++++++------------------------- 2 files changed, 44 insertions(+), 106 deletions(-) diff --git a/htdocs/assets/_floatingbar.php b/htdocs/assets/_floatingbar.php index 43e1732..b0bc4de 100644 --- a/htdocs/assets/_floatingbar.php +++ b/htdocs/assets/_floatingbar.php @@ -9,8 +9,8 @@

Home

-

N

 -

H

 +

N

 +

H

 @@ -20,8 +20,8 @@

Projects

-

N

 -

P

 +

N

 +

P

 @@ -31,8 +31,8 @@

Blog

-

N

 -

B

 +

N

 +

B

 @@ -42,8 +42,8 @@

Contact

-

N

 -

C

 +

N

 +

C

 @@ -54,8 +54,8 @@

Send Email

-

Q

 -

E

 +

Q

 +

E

 @@ -65,8 +65,8 @@

Chat Online

-

Q

 -

M

 +

Q

 +

M

 @@ -76,8 +76,8 @@

Source Code

-

Q

 -

S

 +

Q

 +

S

 diff --git a/htdocs/assets/style.css b/htdocs/assets/style.css index 5823492..51b0570 100644 --- a/htdocs/assets/style.css +++ b/htdocs/assets/style.css @@ -866,6 +866,10 @@ video { height: 5rem; } +.h-\[10px\] { + height: 10px; +} + .h-\[200px\] { height: 200px; } @@ -886,6 +890,10 @@ video { height: 40px; } +.h-\[45vh\] { + height: 45vh; +} + .h-\[50px\] { height: 50px; } @@ -894,10 +902,6 @@ video { height: 50vh; } -.h-\[60vh\] { - height: 60vh; -} - .h-\[70px\] { height: 70px; } @@ -910,24 +914,16 @@ video { height: 100vh; } -.h-\[40vh\] { - height: 40vh; -} - -.h-\[45vh\] { - height: 45vh; -} - -.h-\[47vh\] { - height: 47vh; -} - .h-\[20px\] { height: 20px; } -.h-\[10px\] { - height: 10px; +.h-\[25px\] { + height: 25px; +} + +.h-\[27px\] { + height: 27px; } .w-0 { @@ -1003,6 +999,14 @@ video { width: 20px; } +.w-\[25px\] { + width: 25px; +} + +.w-\[27px\] { + width: 27px; +} + .rotate-\[15deg\] { --tw-rotate: 15deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); @@ -1094,14 +1098,14 @@ video { border-radius: 0.5rem; } -.rounded-xl { - border-radius: 0.75rem; -} - .rounded-md { border-radius: 0.375rem; } +.rounded-xl { + border-radius: 0.75rem; +} + .border-\[1px\] { border-width: 1px; } @@ -1149,21 +1153,6 @@ video { border-color: rgb(217 217 217 / var(--tw-border-opacity)); } -.border-accent_four { - --tw-border-opacity: 1; - border-color: rgb(172 203 222 / var(--tw-border-opacity)); -} - -.border-bg_secondary { - --tw-border-opacity: 1; - border-color: rgb(30 41 59 / var(--tw-border-opacity)); -} - -.border-bg_primary { - --tw-border-opacity: 1; - border-color: rgb(15 23 42 / var(--tw-border-opacity)); -} - .border-l-accent_primary { --tw-border-opacity: 1; border-left-color: rgb(56 189 248 / var(--tw-border-opacity)); @@ -1183,6 +1172,10 @@ video { background-color: rgba(0, 0, 0, 0.4); } +.bg-\[rgba\(255\2c _255\2c _255\2c _0\.25\)\] { + background-color: rgba(255, 255, 255, 0.25); +} + .bg-accent_four { --tw-bg-opacity: 1; background-color: rgb(172 203 222 / var(--tw-bg-opacity)); @@ -1203,50 +1196,10 @@ video { background-color: rgb(30 41 59 / var(--tw-bg-opacity)); } -.bg-accent_secondary { - --tw-bg-opacity: 1; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)); -} - -.bg-accent_three { - --tw-bg-opacity: 1; - background-color: rgb(217 217 217 / var(--tw-bg-opacity)); -} - -.bg-accent_secondary_transparent { - background-color: rgba(255, 255, 255, 0.30); -} - -.bg-\[rgba\(255\2c _255\2c _255\2c _0\.5\)\] { - background-color: rgba(255, 255, 255, 0.5); -} - -.bg-\[rgba\(255\2c _255\2c _255\2c _0\.7\)\] { - background-color: rgba(255, 255, 255, 0.7); -} - -.bg-\[rgba\(255\2c _255\2c _255\2c _0\.6\)\] { - background-color: rgba(255, 255, 255, 0.6); -} - -.bg-\[rgba\(255\2c _255\2c _255\2c _0\.3\)\] { - background-color: rgba(255, 255, 255, 0.3); -} - -.bg-\[rgba\(255\2c _255\2c _255\2c _0\.25\)\] { - background-color: rgba(255, 255, 255, 0.25); -} - .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)); } -.from-accent_secondary_transparent { - --tw-gradient-from: rgba(255, 255, 255, 0.30) var(--tw-gradient-from-position); - --tw-gradient-to: rgba(255, 255, 255, 0) var(--tw-gradient-to-position); - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); -} - .from-bg_third { --tw-gradient-from: #26334A var(--tw-gradient-from-position); --tw-gradient-to: rgb(38 51 74 / 0) var(--tw-gradient-to-position); @@ -1303,11 +1256,6 @@ video { padding-right: 1.75rem; } -.px-\[0\.40rem\] { - padding-left: 0.40rem; - padding-right: 0.40rem; -} - .px-\[0\.65rem\] { padding-left: 0.65rem; padding-right: 0.65rem; @@ -1343,11 +1291,6 @@ video { padding-bottom: 0.05rem; } -.py-\[0\.10rem\] { - padding-top: 0.10rem; - padding-bottom: 0.10rem; -} - .py-\[0\.15rem\] { padding-top: 0.15rem; padding-bottom: 0.15rem; @@ -1617,11 +1560,6 @@ video { background-color: rgb(38 51 74 / var(--tw-bg-opacity)); } -.hover\:bg-accent_primary:hover { - --tw-bg-opacity: 1; - background-color: rgb(56 189 248 / var(--tw-bg-opacity)); -} - .hover\:text-accent_secondary:hover { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity));