ReVanced/revanced-website
1
0
Fork 0
mirror of https://github.com/revanced/revanced-website.git synced 2025-04-29 22:24:31 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix: position: fixed being broken

Browse Source 
broken css feature is broken.
I want position: fixed to explod
This commit is contained in:
Ax333l 2022-11-25 22:35:02 +01:00
parent 57b9e6e258
commit 875c94d0bc
No known key found for this signature in database
GPG Key ID: D2B4D85271127D23
3 changed files with 13 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/app.css
View File

@ -13,18 +13,19 @@ html {
padding: 0; padding: 0;
font-size: 100%; font-size: 100%;
box-sizing: border-box; box-sizing: border-box;
overflow-y: scroll;
} }
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
background-color: var(--bg-color); background-color: var(--bg-color);
overflow: hidden;
} }
html, html,
body { body {
max-width: 100vw; width: 100vw;
overflow: auto;
} }
.wrapper { .wrapper {

12
src/lib/components/molecules/NavHost.svelte
View File

@ -70,15 +70,21 @@
</nav> </nav>
<style> <style>
nav {
position: fixed;
width: 100vw;
top: 0;
left: 0;
z-index: 999;
}
.navbar { .navbar {
padding: 0 1rem 0 2rem; padding: 0 1rem 0 2rem;
top: 0;
position: fixed;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
min-height: 70px; min-height: 70px;
width: 100vw; width: 100%;
z-index: 999; z-index: 999;
background-color: var(--grey-six); background-color: var(--grey-six);
backdrop-filter: blur(15px); backdrop-filter: blur(15px);

2
src/routes/+layout.svelte
View File

@ -35,7 +35,7 @@
{#if $show_loading_animation} {#if $show_loading_animation}
<Spinner /> <Spinner />
{:else} {:else}
<slot /> <slot />
{/if} {/if}
<!-- <!--
afn if you are moving the footer here, please make it not use the repositories store directly and instead use component props :) --> afn if you are moving the footer here, please make it not use the repositories store directly and instead use component props :) -->