mirror of
https://github.com/neosubhamoy/neosubhamoy-portfolio.git
synced 2025-12-19 23:59:35 +05:30
(refactor+feat): improved floating search config and implemented basic search page
This commit is contained in:
@@ -86,4 +86,41 @@ background: #38BDF8;
|
||||
.floatingbar-slide-up {
|
||||
transform: translateY(-10%);
|
||||
transition: transform 0.5s ease-in-out;
|
||||
}
|
||||
|
||||
.floatingbar-click-slide-up {
|
||||
transform: translateY(-55vh);
|
||||
transition: transform 0.5s ease-in-out;
|
||||
}
|
||||
|
||||
.floatingbar-click-slide-down {
|
||||
transform: translateY(0);
|
||||
transition: transform 0.5s ease-in-out;
|
||||
}
|
||||
|
||||
.searchbar-click-increase-width {
|
||||
animation: increaseSearchbarWidth 0.5s ease-in-out;
|
||||
width: 40vw;
|
||||
}
|
||||
|
||||
.searchbar-click-decrease-width {
|
||||
animation: decreaseSearchbarWidth 0.5s ease-in-out;
|
||||
width: fit-content;
|
||||
}
|
||||
|
||||
@keyframes increaseSearchbarWidth {
|
||||
from {
|
||||
width: 10vw;
|
||||
}
|
||||
to {
|
||||
width: 40vw;
|
||||
}
|
||||
}
|
||||
@keyframes decreaseSearchbarWidth {
|
||||
from {
|
||||
width: 40vw;
|
||||
}
|
||||
to {
|
||||
width: 10vw;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user