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): made default search window letter key icons size smaller

Browse Source
This commit is contained in:
Subhamoy Biswas
2023-11-20 21:33:50 +05:30
parent 01b113af01
commit 9127f531e1
2 changed files with 44 additions and 106 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
htdocs/assets/_floatingbar.php
View File

@@ -9,8 +9,8 @@
<p class="mx-1">Home</p> <p class="mx-1">Home</p>
</span> </span>
<span class="flex items-center mr-1"> <span class="flex items-center mr-1">
<span class="w-[30px] h-[30px] flex justify-center items-center mx-1 bg-accent_four rounded group-hover:hidden"><p class="text-bg_secondary">N</p></span> <span class="w-[27px] h-[27px] flex justify-center items-center mx-1 bg-accent_four rounded group-hover:hidden"><p class="text-bg_secondary">N</p></span>
<span class="w-[30px] h-[30px] flex justify-center items-center mx-1 bg-accent_four rounded group-hover:hidden"><p class="text-bg_secondary">H</p></span> <span class="w-[27px] h-[27px] flex justify-center items-center mx-1 bg-accent_four rounded group-hover:hidden"><p class="text-bg_secondary">H</p></span>
<i class="fa-solid fa-chevron-right text-accent_three mx-2 hidden group-hover:block"></i> <i class="fa-solid fa-chevron-right text-accent_three mx-2 hidden group-hover:block"></i>
</span> </span>
</div> </div>
@@ -20,8 +20,8 @@
<p class="mx-1">Projects</p> <p class="mx-1">Projects</p>
</span> </span>
<span class="flex items-center mr-1"> <span class="flex items-center mr-1">
<span class="w-[30px] h-[30px] flex justify-center items-center mx-1 bg-accent_four rounded group-hover:hidden"><p class="text-bg_secondary">N</p></span> <span class="w-[27px] h-[27px] flex justify-center items-center mx-1 bg-accent_four rounded group-hover:hidden"><p class="text-bg_secondary">N</p></span>
<span class="w-[30px] h-[30px] flex justify-center items-center mx-1 bg-accent_four rounded group-hover:hidden"><p class="text-bg_secondary">P</p></span> <span class="w-[27px] h-[27px] flex justify-center items-center mx-1 bg-accent_four rounded group-hover:hidden"><p class="text-bg_secondary">P</p></span>
<i class="fa-solid fa-chevron-right text-accent_three mx-2 hidden group-hover:block"></i> <i class="fa-solid fa-chevron-right text-accent_three mx-2 hidden group-hover:block"></i>
</span> </span>
</div> </div>
@@ -31,8 +31,8 @@
<p class="mx-1">Blog</p> <p class="mx-1">Blog</p>
</span> </span>
<span class="flex items-center mr-1"> <span class="flex items-center mr-1">
<span class="w-[30px] h-[30px] flex justify-center items-center mx-1 bg-accent_four rounded group-hover:hidden"><p class="text-bg_secondary">N</p></span> <span class="w-[27px] h-[27px] flex justify-center items-center mx-1 bg-accent_four rounded group-hover:hidden"><p class="text-bg_secondary">N</p></span>
<span class="w-[30px] h-[30px] flex justify-center items-center mx-1 bg-accent_four rounded group-hover:hidden"><p class="text-bg_secondary">B</p></span> <span class="w-[27px] h-[27px] flex justify-center items-center mx-1 bg-accent_four rounded group-hover:hidden"><p class="text-bg_secondary">B</p></span>
<i class="fa-solid fa-chevron-right text-accent_three mx-2 hidden group-hover:block"></i> <i class="fa-solid fa-chevron-right text-accent_three mx-2 hidden group-hover:block"></i>
</span> </span>
</div> </div>
@@ -42,8 +42,8 @@
<p class="mx-1">Contact</p> <p class="mx-1">Contact</p>
</span> </span>
<span class="flex items-center mr-1"> <span class="flex items-center mr-1">
<span class="w-[30px] h-[30px] flex justify-center items-center mx-1 bg-accent_four rounded group-hover:hidden"><p class="text-bg_secondary">N</p></span> <span class="w-[27px] h-[27px] flex justify-center items-center mx-1 bg-accent_four rounded group-hover:hidden"><p class="text-bg_secondary">N</p></span>
<span class="w-[30px] h-[30px] flex justify-center items-center mx-1 bg-accent_four rounded group-hover:hidden"><p class="text-bg_secondary">C</p></span> <span class="w-[27px] h-[27px] flex justify-center items-center mx-1 bg-accent_four rounded group-hover:hidden"><p class="text-bg_secondary">C</p></span>
<i class="fa-solid fa-chevron-right text-accent_three mx-2 hidden group-hover:block"></i> <i class="fa-solid fa-chevron-right text-accent_three mx-2 hidden group-hover:block"></i>
</span> </span>
</div> </div>
@@ -54,8 +54,8 @@
<p class="mx-1">Send Email</p> <p class="mx-1">Send Email</p>
</span> </span>
<span class="flex items-center mr-1"> <span class="flex items-center mr-1">
<span class="w-[30px] h-[30px] flex justify-center items-center mx-1 bg-accent_four rounded group-hover:hidden"><p class="text-bg_secondary">Q</p></span> <span class="w-[27px] h-[27px] flex justify-center items-center mx-1 bg-accent_four rounded group-hover:hidden"><p class="text-bg_secondary">Q</p></span>
<span class="w-[30px] h-[30px] flex justify-center items-center mx-1 bg-accent_four rounded group-hover:hidden"><p class="text-bg_secondary">E</p></span> <span class="w-[27px] h-[27px] flex justify-center items-center mx-1 bg-accent_four rounded group-hover:hidden"><p class="text-bg_secondary">E</p></span>
<i class="fa-solid fa-chevron-right text-accent_three mx-2 hidden group-hover:block"></i> <i class="fa-solid fa-chevron-right text-accent_three mx-2 hidden group-hover:block"></i>
</span> </span>
</div> </div>
@@ -65,8 +65,8 @@
<p class="mx-1">Chat Online</p> <p class="mx-1">Chat Online</p>
</span> </span>
<span class="flex items-center mr-1"> <span class="flex items-center mr-1">
<span class="w-[30px] h-[30px] flex justify-center items-center mx-1 bg-accent_four rounded group-hover:hidden"><p class="text-bg_secondary">Q</p></span> <span class="w-[27px] h-[27px] flex justify-center items-center mx-1 bg-accent_four rounded group-hover:hidden"><p class="text-bg_secondary">Q</p></span>
<span class="w-[30px] h-[30px] flex justify-center items-center mx-1 bg-accent_four rounded group-hover:hidden"><p class="text-bg_secondary">M</p></span> <span class="w-[27px] h-[27px] flex justify-center items-center mx-1 bg-accent_four rounded group-hover:hidden"><p class="text-bg_secondary">M</p></span>
<i class="fa-solid fa-chevron-right text-accent_three mx-2 hidden group-hover:block"></i> <i class="fa-solid fa-chevron-right text-accent_three mx-2 hidden group-hover:block"></i>
</span> </span>
</div> </div>
@@ -76,8 +76,8 @@
<p class="mx-1">Source Code</p> <p class="mx-1">Source Code</p>
</span> </span>
<span class="flex items-center mr-1"> <span class="flex items-center mr-1">
<span class="w-[30px] h-[30px] flex justify-center items-center mx-1 bg-accent_four rounded group-hover:hidden"><p class="text-bg_secondary">Q</p></span> <span class="w-[27px] h-[27px] flex justify-center items-center mx-1 bg-accent_four rounded group-hover:hidden"><p class="text-bg_secondary">Q</p></span>
<span class="w-[30px] h-[30px] flex justify-center items-center mx-1 bg-accent_four rounded group-hover:hidden"><p class="text-bg_secondary">S</p></span> <span class="w-[27px] h-[27px] flex justify-center items-center mx-1 bg-accent_four rounded group-hover:hidden"><p class="text-bg_secondary">S</p></span>
<i class="fa-solid fa-chevron-right text-accent_three mx-2 hidden group-hover:block"></i> <i class="fa-solid fa-chevron-right text-accent_three mx-2 hidden group-hover:block"></i>
</span> </span>
</div> </div>

122
htdocs/assets/style.css
View File

@@ -866,6 +866,10 @@ video {
height: 5rem; height: 5rem;
} }
.h-\[10px\] {
height: 10px;
}
.h-\[200px\] { .h-\[200px\] {
height: 200px; height: 200px;
} }
@@ -886,6 +890,10 @@ video {
height: 40px; height: 40px;
} }
.h-\[45vh\] {
height: 45vh;
}
.h-\[50px\] { .h-\[50px\] {
height: 50px; height: 50px;
} }
@@ -894,10 +902,6 @@ video {
height: 50vh; height: 50vh;
} }
.h-\[60vh\] {
height: 60vh;
}
.h-\[70px\] { .h-\[70px\] {
height: 70px; height: 70px;
} }
@@ -910,24 +914,16 @@ video {
height: 100vh; height: 100vh;
} }
.h-\[40vh\] {
height: 40vh;
}
.h-\[45vh\] {
height: 45vh;
}
.h-\[47vh\] {
height: 47vh;
}
.h-\[20px\] { .h-\[20px\] {
height: 20px; height: 20px;
} }
.h-\[10px\] { .h-\[25px\] {
height: 10px; height: 25px;
}
.h-\[27px\] {
height: 27px;
} }
.w-0 { .w-0 {
@@ -1003,6 +999,14 @@ video {
width: 20px; width: 20px;
} }
.w-\[25px\] {
width: 25px;
}
.w-\[27px\] {
width: 27px;
}
.rotate-\[15deg\] { .rotate-\[15deg\] {
--tw-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)); 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; border-radius: 0.5rem;
} }
.rounded-xl {
border-radius: 0.75rem;
}
.rounded-md { .rounded-md {
border-radius: 0.375rem; border-radius: 0.375rem;
} }
.rounded-xl {
border-radius: 0.75rem;
}
.border-\[1px\] { .border-\[1px\] {
border-width: 1px; border-width: 1px;
} }
@@ -1149,21 +1153,6 @@ video {
border-color: rgb(217 217 217 / var(--tw-border-opacity)); 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 { .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));
@@ -1183,6 +1172,10 @@ video {
background-color: rgba(0, 0, 0, 0.4); 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 { .bg-accent_four {
--tw-bg-opacity: 1; --tw-bg-opacity: 1;
background-color: rgb(172 203 222 / var(--tw-bg-opacity)); 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)); 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 { .bg-gradient-to-r {
background-image: linear-gradient(to right, var(--tw-gradient-stops)); 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 { .from-bg_third {
--tw-gradient-from: #26334A var(--tw-gradient-from-position); --tw-gradient-from: #26334A var(--tw-gradient-from-position);
--tw-gradient-to: rgb(38 51 74 / 0) var(--tw-gradient-to-position); --tw-gradient-to: rgb(38 51 74 / 0) var(--tw-gradient-to-position);
@@ -1303,11 +1256,6 @@ video {
padding-right: 1.75rem; padding-right: 1.75rem;
} }
.px-\[0\.40rem\] {
padding-left: 0.40rem;
padding-right: 0.40rem;
}
.px-\[0\.65rem\] { .px-\[0\.65rem\] {
padding-left: 0.65rem; padding-left: 0.65rem;
padding-right: 0.65rem; padding-right: 0.65rem;
@@ -1343,11 +1291,6 @@ video {
padding-bottom: 0.05rem; padding-bottom: 0.05rem;
} }
.py-\[0\.10rem\] {
padding-top: 0.10rem;
padding-bottom: 0.10rem;
}
.py-\[0\.15rem\] { .py-\[0\.15rem\] {
padding-top: 0.15rem; padding-top: 0.15rem;
padding-bottom: 0.15rem; padding-bottom: 0.15rem;
@@ -1617,11 +1560,6 @@ video {
background-color: rgb(38 51 74 / var(--tw-bg-opacity)); 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 { .hover\:text-accent_secondary:hover {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity)); color: rgb(255 255 255 / var(--tw-text-opacity));