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

Search bar setting panel style (last commit should be conf.yml reset)

Browse source
This commit is contained in:
Wu Baiyang (Student) 2025-08-29 15:43:18 +12:00
parent 0b50378180
commit 44e929c470
1 changed files with 15 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -43,7 +43,7 @@
>
<IconConfigEditor />
</button>
<div v-show="showSearchPanel" class="settings-row">
<div v-show="showSearchPanel" class="floating-search-panel">
<label class="theme-label">
<input
type="checkbox"
@ -297,6 +297,7 @@ export default {
align-items: center;
margin: 0.5rem 0;
width: 100%;
position: relative;
border-radius: 0 0 var(--curve-factor-navbar) 0;
padding: 0 0.2rem 0.2rem 0;
@ -321,6 +322,19 @@ export default {
fill: currentColor;
display: block;
}
.floating-search-panel {
position: absolute;
top: 100%;
left: 0;
min-width: 180px;
max-width: max-content;
background: var(--settings-background);
border: 1px solid var(--settings-text-color);
border-radius: var(--curve-factor);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
z-index: 10;
}
}
@include tablet {