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: navbar cleanup

Browse Source
This commit is contained in:
afnzmn 2022-08-16 17:22:52 -04:00
parent 053dd567dd
commit d4e9c5f65e
3 changed files with 23 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/lib/components/atoms/Navigation.svelte
View File

@ -13,38 +13,34 @@
<style> <style>
li { li {
border: var(--grey-six); border: var(--grey-six);
width: 150px; width: 140px;
text-align: center; text-align: center;
list-style: none; list-style: none;
display: inline-block; display: inline-block;
position: relative; position: relative;
margin-left: 0.25rem;
margin-right: 0.25rem;
font-weight: 300; font-weight: 300;
align-items: center; align-items: center;
border: var(--grey-six); border: var(--grey-six);
transition-timing-function: var(--bezier-one); transition-timing-function: var(--bezier-one);
transition-duration: 0.25s; transition-duration: 0.25s;
padding: 10px 20px;
border-radius: 200px;
} }
a { a {
color: var(--white); color: var(--white);
text-decoration: none; text-decoration: none;
font-size: 1.1rem; font-size: 1rem;
user-select: none; user-select: none;
} }
li:hover { li:hover {
font-weight: 600; font-weight: 600;
border: 3px solid var(--grey-two); border: 3px solid var(--grey-two);
padding: 10px 30px;
border-radius: 200px;
} }
li.selected { li.selected {
font-weight: 600; font-weight: 600;
border: 3px solid var(--red); border: 3px solid var(--red);
padding: 10px 30px;
border-radius: 200px;
} }
</style> </style>

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

@ -50,21 +50,30 @@
width: 100%; width: 100%;
} }
.logo { ul {
display: inline-block; display: flex;
gap:0.75rem;
align-items: center;
} }
.logo {
display: flex;
}
a {
text-decoration: none;
}
.logo-image { .logo-image {
width: 2.9rem; width: 2.9rem;
cursor: pointer; cursor: pointer;
transform: translateY(5%);
} }
h1 { h1 {
display: inline-block; display: inline-block;
margin-left: 1rem; margin-left: 1rem;
font-size: 2.75rem; font-size: 2.4rem;
letter-spacing: -0.04em; letter-spacing: -0.04em;
height:90%;
} }
h1 span { h1 span {
@ -78,9 +87,6 @@
} }
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
nav {
/* background-color: purple; */
}
ul { ul {
display: none; display: none;
} }
@ -110,7 +116,6 @@
height: 3px; height: 3px;
background: #fff; background: #fff;
border-radius: 5px; border-radius: 5px;
box-shadow: 0 2px 5px rgba(255, 101, 47, 0.2);
transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
} }
.menu-btn__burger::before, .menu-btn__burger::before,
@ -121,7 +126,6 @@
height: 3px; height: 3px;
background: #fff; background: #fff;
border-radius: 5px; border-radius: 5px;
box-shadow: 0 2px 5px rgba(255, 101, 47, 0.2);
transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
} }
.menu-btn__burger::before { .menu-btn__burger::before {

9
static/logo.svg
View File

@ -1,4 +1,7 @@
<svg width="51" height="43" viewBox="0 0 51 43" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="143" height="124" viewBox="0 0 143 124" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M47.3571 27.8116C52.2143 25.0064 52.2143 17.9936 47.3571 15.1884L22.7679 0.98728C17.9107 -1.81788 11.8393 1.68858 11.8393 7.2989V11.2962L5.46429 7.61446C3.03572 6.21189 9.23091e-07 7.96511 9.23091e-07 10.7703L0 32.2297C-8.51576e-08 35.0349 3.03571 36.7881 5.46429 35.3855L11.8393 31.7038V35.7011C11.8393 41.3114 17.9107 44.8179 22.7679 42.0127L47.3571 27.8116ZM11.8393 11.2962L11.8393 31.7038L24.0429 24.6558C26.4714 23.2532 26.4714 19.7468 24.0429 18.3442L11.8393 11.2962Z" fill="#FF4151"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M134.5 76.7193C145.833 70.176 145.833 53.8177 134.5 47.2744L58 3.10713C46.6667 -3.43618 32.5 4.74298 32.5 17.8296V33.9954L13.5 23.0257C7.5 19.5616 2.58657e-06 23.8917 2.58657e-06 30.8199L0 93.1738C-2.10389e-07 100.102 7.5 104.432 13.5 100.968L32.5 89.9983V106.164C32.5 119.251 46.6667 127.43 58 120.887L134.5 76.7193ZM32.5 33.9954L32.5 89.9983L67.5 69.7911C73.5 66.327 73.5 57.6667 67.5 54.2026L32.5 33.9954Z" fill="#FF4151"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M47.3571 15.1884C52.2143 17.9936 52.2143 25.0064 47.3571 27.8116L22.7679 42.0127C17.9107 44.8179 11.8393 41.3114 11.8393 35.7011V31.7038L24.0429 24.6558C26.4714 23.2532 26.4714 19.7468 24.0429 18.3442L11.8393 11.2962V7.2989C11.8393 1.68858 17.9107 -1.81788 22.7679 0.98728L47.3571 15.1884Z" fill="#FFE1E1"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M134.5 47.2744C145.833 53.8177 145.833 70.176 134.5 76.7193L58 120.887C46.6667 127.43 32.5 119.251 32.5 106.164V89.9983L67.5 69.7911C73.5 66.327 73.5 57.6667 67.5 54.2026L32.5 33.9954V17.8296C32.5 4.74298 46.6667 -3.43618 58 3.10713L134.5 47.2744Z" fill="#FF6B78"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M134.5 47.2744C145.833 53.8177 145.833 70.176 134.5 76.7193L58 120.887C46.6667 127.43 32.5 119.251 32.5 106.164V89.9983L67.5 69.7911C73.5 66.327 73.5 57.6667 67.5 54.2026L32.5 33.9954V17.8296C32.5 4.74298 46.6667 -3.43618 58 3.10713L134.5 47.2744Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M134.5 47.2744C145.833 53.8177 145.833 70.176 134.5 76.7193L58 120.887C46.6667 127.43 32.5 119.251 32.5 106.164V89.9983L67.5 69.7911C73.5 66.327 73.5 57.6667 67.5 54.2026L32.5 33.9954V17.8296C32.5 4.74298 46.6667 -3.43618 58 3.10713L134.5 47.2744Z" fill="#FF6B78"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M134.5 47.2744C145.833 53.8177 145.833 70.176 134.5 76.7193L58 120.887C46.6667 127.43 32.5 119.251 32.5 106.164V89.9983L67.5 69.7911C73.5 66.327 73.5 57.6667 67.5 54.2026L32.5 33.9954V17.8296C32.5 4.74298 46.6667 -3.43618 58 3.10713L134.5 47.2744Z" fill="white"/>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1001 B

After

Width:  |  Height:  |  Size: 1.8 KiB