Forker/fuwari
1
0
Fork 0
mirror of https://github.com/saicaca/fuwari.git synced 2026-01-12 07:12:52 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: option to follow the system-wide light/dark mode (#71)

Browse Source
This commit is contained in:
saica.go
2024-04-28 12:43:10 +08:00
committed by GitHub
parent 34af98edec
commit e8cbb7a829
15 changed files with 182 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/Search.svelte
View File

@@ -26,7 +26,7 @@ onMount(() => {
return
if (!keyword && isDesktop) {
panel.classList.add("closed")
panel.classList.add("float-panel-closed")
return
}
@@ -43,12 +43,12 @@ onMount(() => {
}
if (!arr.length && isDesktop) {
panel.classList.add("closed")
panel.classList.add("float-panel-closed")
return
}
if (isDesktop) {
panel.classList.remove("closed")
panel.classList.remove("float-panel-closed")
}
result = arr
}
@@ -56,7 +56,7 @@ onMount(() => {
const togglePanel = () => {
let panel = document.getElementById('search-panel')
panel?.classList.toggle("closed")
panel?.classList.toggle("float-panel-closed")
}
$: search(keywordDesktop, true)
@@ -82,7 +82,7 @@ $: search(keywordMobile, false)
</button>
<!-- search panel -->
<div id="search-panel" class="float-panel closed search-panel absolute md:w-[30rem]
<div id="search-panel" class="float-panel float-panel-closed search-panel absolute md:w-[30rem]
top-20 left-4 md:left-[unset] right-4 shadow-2xl rounded-2xl p-2">
<!-- search bar inside panel for phone/tablet -->