tweak: tweak cloud UI a lil bit

This commit is contained in:
2026-04-08 07:40:20 +09:30
parent 0cac3022f5
commit 71b7c9eb64
4 changed files with 7 additions and 9 deletions
@@ -81,7 +81,7 @@
</script> </script>
<div <div
class="w-full rounded-xl border border-zinc-200/60 bg-zinc-50/80 px-3 py-2.5 dark:border-zinc-700/50 dark:bg-zinc-900/40" class="w-full rounded-xl border border-zinc-200/60 bg-zinc-50/80 px-4 py-2.5 dark:border-zinc-700/50 dark:bg-zinc-900/40"
> >
<h3 class="text-xs font-bold text-zinc-800 dark:text-zinc-100">Cloud settings backup</h3> <h3 class="text-xs font-bold text-zinc-800 dark:text-zinc-100">Cloud settings backup</h3>
<p class="mt-0.5 text-[11px] leading-snug text-zinc-500 dark:text-zinc-400"> <p class="mt-0.5 text-[11px] leading-snug text-zinc-500 dark:text-zinc-400">
+1 -3
View File
@@ -3,7 +3,6 @@
import Settings from "./settings/general.svelte"; import Settings from "./settings/general.svelte";
import Shortcuts from "./settings/shortcuts.svelte"; import Shortcuts from "./settings/shortcuts.svelte";
import Theme from "./settings/theme.svelte"; import Theme from "./settings/theme.svelte";
import CloudSync from "./settings/cloudSync.svelte";
import browser from "webextension-polyfill"; import browser from "webextension-polyfill";
import { standalone as StandaloneStore } from "../utils/standalone.svelte"; import { standalone as StandaloneStore } from "../utils/standalone.svelte";
@@ -279,7 +278,7 @@
</div> </div>
<div <div
class="flex shrink-0 items-center justify-between gap-2 px-3 py-2.5 border-b border-zinc-200/40 dark:border-zinc-700/40" class="flex shrink-0 items-center justify-between gap-2 px-4 py-2.5 border-b border-zinc-200/40 dark:border-zinc-700/40"
> >
<div class="min-w-0 flex-1"> <div class="min-w-0 flex-1">
<h2 class="text-sm font-bold text-zinc-900 dark:text-white">BetterSEQTA Cloud</h2> <h2 class="text-sm font-bold text-zinc-900 dark:text-white">BetterSEQTA Cloud</h2>
@@ -300,7 +299,6 @@
}, },
{ title: "Shortcuts", Content: Shortcuts }, { title: "Shortcuts", Content: Shortcuts },
{ title: "Themes", Content: Theme }, { title: "Themes", Content: Theme },
{ title: "Cloud", Content: CloudSync },
]} ]}
/> />
</div> </div>
@@ -1,5 +0,0 @@
<script lang="ts">
import CloudSettingsSync from "@/interface/components/CloudSettingsSync.svelte";
</script>
<CloudSettingsSync />
@@ -11,6 +11,7 @@
import { settingsState } from "@/seqta/utils/listeners/SettingsState.ts" import { settingsState } from "@/seqta/utils/listeners/SettingsState.ts"
import PickerSwatch from "@/interface/components/PickerSwatch.svelte" import PickerSwatch from "@/interface/components/PickerSwatch.svelte"
import ConnectMobileApp from "@/interface/components/ConnectMobileApp.svelte" import ConnectMobileApp from "@/interface/components/ConnectMobileApp.svelte"
import CloudSettingsSync from "@/interface/components/CloudSettingsSync.svelte"
import { showPrivacyNotification } from "@/seqta/utils/Openers/OpenPrivacyNotification" import { showPrivacyNotification } from "@/seqta/utils/Openers/OpenPrivacyNotification"
import { closeExtensionPopup } from "@/seqta/utils/Closers/closeExtensionPopup" import { closeExtensionPopup } from "@/seqta/utils/Closers/closeExtensionPopup"
import { getSnapshotForUpload } from "@/seqta/utils/cloudSettingsSync" import { getSnapshotForUpload } from "@/seqta/utils/cloudSettingsSync"
@@ -399,6 +400,10 @@
} }
})} })}
<div class="border-none py-3">
<CloudSettingsSync />
</div>
{#if $settingsState.devMode} {#if $settingsState.devMode}
<div class="flex-col p-1 my-1 bg-gradient-to-br from-white rounded-xl border shadow-sm to-zinc-100 border-zinc-200/50 dark:border-zinc-700/40 dark:to-zinc-900/50 dark:from-zinc-900/40"> <div class="flex-col p-1 my-1 bg-gradient-to-br from-white rounded-xl border shadow-sm to-zinc-100 border-zinc-200/50 dark:border-zinc-700/40 dark:to-zinc-900/50 dark:from-zinc-900/40">
<div class="flex justify-between items-center px-4 py-3"> <div class="flex justify-between items-center px-4 py-3">