Creepso/migu
1
0
Fork 0
mirror of https://github.com/NoCrypt/migu.git synced 2026-04-18 15:12:04 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: use safe area properly

Browse source
This commit is contained in:
NoCrypt 2024-08-01 15:34:58 +07:00
parent 6922a6bb48
commit b20281d177
4 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
common/App.svelte
View file

@ -35,7 +35,7 @@
<Logout />
<Sidebar bind:page={$page} />
<div class='overflow-hidden content-wrapper h-full z-10'>
<Toaster visibleToasts={6} position='top-right' theme='dark' richColors duration={10000} closeButton />
}} style="margin-top: var(--safe-area-top)"/>
<TorrentModal />
<Router bind:page={$page} />
</div>

4
common/components/Search.svelte
View file

@ -54,8 +54,8 @@
}
</script>
<form class='container-fluid py-20 px-md-50 px-20 bg-dark pb-0 position-sticky top-0 search-container z-40' on:input bind:this={form}>
<div class='row'>
<form class='container-fluid py-20 px-md-50 px-20 bg-dark pb-0 position-sticky top-0 search-container z-40' on:input bind:this={form} >
<div class='row' style="padding-top: var(--safe-area-top)">
<div class='col-lg col-4 p-10 d-flex flex-column justify-content-end'>
<div class='pb-10 font-size-24 font-weight-semi-bold d-flex'>
<div class='material-symbols-outlined mr-10 font-size-30'>title</div>

2
common/views/Settings/Settings.svelte
View file

@ -94,7 +94,7 @@
</script>
<Tabs>
<div class='d-flex w-full h-full position-relative settings root flex-md-row flex-column overflow-y-auto overflow-y-md-hidden' use:smoothScroll>
<div class='d-flex w-full h-full position-relative settings root flex-md-row flex-column overflow-y-auto overflow-y-md-hidden' style="padding-top: var(--safe-area-top)" use:smoothScroll>
<div class='d-flex flex-column flex-row h-full w-md-300 bg-dark position-relative px-20 px-md-0 flex-basis-0-md-custom'>
<div class='px-20 py-15 font-size-24 font-weight-semi-bold'>Settings</div>
{#each Object.values(groups) as group}

2
common/views/WatchTogether/WatchTogether.svelte
View file

@ -173,7 +173,7 @@
$: checkInvite(joinText)
</script>
<div class='d-flex h-full align-items-center flex-column content'>
<div class='d-flex h-full align-items-center flex-column content' style="padding-top: var(--safe-area-top)">
<div class='font-size-50 font-weight-bold pt-20 mt-20 root'>Watch Together</div>
{#if !$state}
<div class='d-flex flex-row flex-wrap justify-content-center align-items-center h-full mb-20 pb-20 root'>