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

(fixed): search window height for mobile devices

Browse Source
This commit is contained in:
Subhamoy Biswas
2023-11-19 22:18:54 +05:30
parent 84a0809f99
commit 2d76b03783
2 changed files with 18 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
htdocs/assets/_floatingbar.php
View File

@@ -1,8 +1,8 @@
<div id="floatingwindowwrapper" class="floatingwindowwrapper fixed top-0 left-0 w-screen h-screen z-30 bg-[rgba(0,_0,_0,_0.4)] hidden"></div>
<div id="phpHostBasePath" class="hidden" data-base-path="<?php echo htmlspecialchars($basePath);?>"></div>
<div id="searchwindow" class="searchwindow w-[90vw] md:w-[44vw] mx-auto h-[60vh] fixed inset-x-0 top-[30vh] z-40 flex-col items-center bg-bg_secondary rounded-xl overflow-y-scroll no-scrollbar hidden">
<div id="searchwindow" class="searchwindow w-[90vw] md:w-[44vw] mx-auto h-[45vh] md:h-[60vh] fixed inset-x-0 top-[30vh] z-40 flex-col items-center bg-bg_secondary rounded-xl overflow-y-scroll no-scrollbar hidden">
<div id="defresults" class="defresults w-full flex flex-col justify-start px-2 mt-1">
<p class="text-xs text-accent_three mt-3 mb-2 mx-1">PAGE NAVIGATION SHOTCUTS</p>
<p class="text-xs text-accent_three mt-3 mb-2 mx-1">PAGE NAVIGATION</p>
<div class="group resultitem w-full flex justify-between items-center my-1 p-1 cursor-pointer hover:bg-bg_third transition transform duration-200 rounded-lg" onclick="location.href='<?php echo $basePath ?>'">
<span class="flex items-center">
<lord-icon class="mx-1" src="https://cdn.lordicon.com/cnpvyndp.json" target=".resultitem" trigger="hover" colors="primary:#38BDF8" style="width:25px"></lord-icon>

16
htdocs/assets/style.css
View File

@@ -910,6 +910,18 @@ video {
height: 100vh;
}
.h-\[40vh\] {
height: 40vh;
}
.h-\[45vh\] {
height: 45vh;
}
.h-\[47vh\] {
height: 47vh;
}
.w-0 {
width: 0px;
}
@@ -1652,6 +1664,10 @@ video {
}
@media (min-width: 768px) {
.md\:h-\[60vh\] {
height: 60vh;
}
.md\:w-\[44vw\] {
width: 44vw;
}