lamacchinadesiderante/proxyraye-nextjs
lamacchinadesiderante
/
proxyraye-nextjs
0
0
Fork 0
Code Issues 20 Pull Requests Packages Projects 6 Releases 7 Wiki Activity

add opacity toggler for desktop

This commit is contained in:
La macchina desiderante 2024-05-25 17:14:01 +02:00
parent f5bf29285f
commit cef782bef9
3 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
locale/en.json
View File

@ -23,7 +23,7 @@
}, },
"Results": { "Results": {
"query": "Search results for: {{ query }}", "query": "Search results for: {{ query }}",
"toggle": "Show preview", "toggle": "Toggle opacity",
"noData": "No videos found :(" "noData": "No videos found :("
} }
} }

2
locale/it.json
View File

@ -23,7 +23,7 @@
}, },
"Results": { "Results": {
"query": "Risultati della ricerca per: {{ query }}", "query": "Risultati della ricerca per: {{ query }}",
"toggle": "Mostra anteprime risultati", "toggle": "Attiva/disattiva opacità",
"noData": "Nessun video trovato :(" "noData": "Nessun video trovato :("
} }
} }

5
src/components/Layout/Results/Wrapper/Toggle/Toggle.module.scss
View File

@ -1,4 +1,5 @@
@import 'breakpoints'; @import 'breakpoints';
@import 'fontsize';
.toggleContainer { .toggleContainer {
display: flex; display: flex;
@ -11,7 +12,7 @@
border-color: var(--primary-focus); border-color: var(--primary-focus);
} }
@media only screen and (min-width: $tablet) { .label {
display: none; font-size: $font-size-medium;
} }
} }