TeamPiped-mirror/Piped
1
0
Fork 0
mirror of https://github.com/TeamPiped/Piped.git synced 2024-08-14 23:57:27 +00:00
Code Issues Projects Releases Packages Wiki Activity

Fix search suggestions on smaller screens.

Browse source
This commit is contained in:
Kavin 2022-09-07 00:13:51 +05:30
parent d64db2e718
commit 2d53ab1f6e
No known key found for this signature in database
GPG key ID: 49451E4482CC5BCD
2 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
efy/piped.css
View file

@ -82,8 +82,6 @@ tbody:nth-child(odd), .shaka-overflow-menu button:hover, .shaka-settings-menu bu
/*SVG*/ .svg-inline--fa:not(.video-grid svg, .btn svg, button svg) {margin-right: 5rem}
/*Search Suggestions*/ .suggestions-container {position: absolute; max-width: 600rem; width: 100%; z-index: 10; transform: translateX(-50%); padding: 15rem; background: var(--efy_text2); box-shadow: 0 0 20px var(--efy_text_trans); margin-bottom: 15rem}
.suggestions-container ul {padding: 0; list-style: none; display: grid; gap: 5rem}
.suggestions-container li {padding: 3rem 10rem}
.suggestion-selected {box-shadow: 0 0 0 1.5rem var(--efy_color_border), 0 0 0 1.5rem var(--efy_color_border)}

4
src/components/SearchSuggestions.vue
View file

@ -77,6 +77,8 @@ export default {
<style>
.suggestions-container {
@apply left-1/2 translate-x-[-50%] transform-gpu max-w-3xl w-full box-border p-y-1.25 z-10 lt-md:max-w-[calc(100%-0.5rem)];
@apply left-1/2 translate-x-[-50%] transform-gpu max-w-[600rem] w-full box-border p-[15rem] mb-[15rem] z-10 lt-md:max-w-[calc(100%-0.5rem)];
background: var(--efy_text2);
box-shadow: 0 0 20px var(--efy_text_trans);
}
</style>