Backup_Repos/dashy
1
0
Fork 0
mirror of https://github.com/Lissy93/dashy.git synced 2025-12-22 08:26:17 +01:00
Code Issues Projects Releases Wiki Activity

search option panel css style improved

Browse source
This commit is contained in:
Wu Baiyang (Student) 2025-08-27 02:34:26 +12:00
parent 98db5609ec
commit bd5795f1c1
1 changed files with 13 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
src/components/Settings/SearchBar.vue
View file

@ -3,7 +3,7 @@
},
<template>
<div>
<div class = "search-settings-row">
<form
@submit.prevent="searchSubmitted"
:class="minimalSearch ? 'minimal' : 'normal'"
@ -220,10 +220,16 @@ export default {
@import '@/styles/media-queries.scss';
.search-settings-row {
display: flex;
// flex-direction: column;
align-items: center;
// width: 100%;
}
form.normal {
display: flex;
align-items: center;
border-radius: 0 0 var(--curve-factor-navbar) 0;
// border-radius: 0 0 var(--curve-factor-navbar) 0;
padding: 0 0.2rem 0.2rem 0;
background: var(--search-container-background);
.search-wrap {
@ -286,11 +292,16 @@ export default {
align-items: center;
margin: 0.5rem 0;
width: 100%;
border-radius: 0 0 var(--curve-factor-navbar) 0;
padding: 0 0.2rem 0.2rem 0;
background: var(--search-container-background);
.settings-toggle {
background: var(--settings-background);
color: var(--settings-text-color);
border: none;
padding: 0.5rem 1rem;
margin: 0.5rem;
border-radius: var(--curve-factor);
cursor: pointer;
&:hover {