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

fix: made things a bit smaller

Browse Source
This commit is contained in:
afnzmn 2022-07-26 14:13:57 -04:00
parent 2e87322cd2
commit a7fcde67bb
3 changed files with 31 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/lib/components/atoms/IndexHeroTitle.svelte
View File

@ -10,7 +10,7 @@
h1 { h1 {
color: var(--white); color: var(--white);
font-weight: 800; font-weight: 800;
font-size: 6.5rem; font-size: 6rem;
letter-spacing: -0.04em; letter-spacing: -0.04em;
} }
</style> </style>

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

@ -3,35 +3,46 @@
import { page } from '$app/stores'; import { page } from '$app/stores';
</script> </script>
<nav> <div>
<a href="/"> <nav>
<div class="logo"> <a href="/">
<img src="/logo.svg" class="logo-image" alt="ReVanced Logo" /> <div class="logo">
<img src="/logo.svg" class="logo-image" alt="ReVanced Logo" />
{#if $page.url.pathname !== '/'} {#if $page.url.pathname !== '/'}
<h1><span>Re</span>Vanced</h1> <h1><span>Re</span>Vanced</h1>
{/if} {/if}
</div> </div>
</a> </a>
<ul> <ul>
<Navigation href="/">Home</Navigation> <Navigation href="/">Home</Navigation>
<Navigation href="/download">Download</Navigation> <Navigation href="/download">Download</Navigation>
<Navigation href="/docs">Docs</Navigation> <Navigation href="/docs">Docs</Navigation>
<Navigation href="/credits">Credits</Navigation> <Navigation href="/credits">Credits</Navigation>
</ul> </ul>
</nav> </nav>
</div>
<style> <style>
nav { nav {
width: 100%; width: 100%;
position: fixed;
top: 0;
display: flex; display: flex;
padding-top: 0.75rem; padding-top: 1.5rem;
padding-right: 3rem; padding-right: 3rem;
padding-left: 6rem; padding-left: 6rem;
padding-bottom: 1.5rem;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
min-height: 90px; min-height: 90px;
user-select: none; user-select: none;
background-color: #0f111ab8;
backdrop-filter: blur(50px);
background-blend-mode: overlay;
display: flex;
z-index: 99;
margin-bottom: 20rem;
} }

2
src/lib/components/molecules/SocialHost.svelte
View File

@ -15,7 +15,7 @@
position: absolute; position: absolute;
align-items: center; align-items: center;
bottom: 3rem; bottom: 3rem;
left: 4.5rem; left: 5.5rem;
user-select: none; user-select: none;
} }
</style> </style>