ReVanced/revanced-website
1
0
Fork 0
mirror of https://github.com/revanced/revanced-website.git synced 2025-05-09 19:04:28 +02:00
Code Issues Packages Projects Releases Wiki Activity

transition cleanup, made navbar smaller

Browse Source
This commit is contained in:
af-n 2022-07-20 15:34:16 -04:00
parent f006657050
commit 68ef930163
8 changed files with 12 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/lib/components/atoms/Button.svelte
View File

@ -27,8 +27,7 @@
background-color: transparent; background-color: transparent;
font-size: 1.5rem; font-size: 1.5rem;
margin-top: 45px; margin-top: 45px;
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-duration: 0.4s;
margin-right: 20px; margin-right: 20px;
user-select: none; user-select: none;
} }

3
src/lib/components/atoms/ContributorButton.svelte
View File

@ -31,8 +31,7 @@
cursor: pointer; cursor: pointer;
background-color: var(--grey-four); background-color: var(--grey-four);
font-size: 1.5rem; font-size: 1.5rem;
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-duration: 0.4s;
user-select: none; user-select: none;
} }

4
src/lib/components/atoms/DownloadChannel.svelte
View File

@ -31,9 +31,7 @@
padding: 12px 40px; padding: 12px 40px;
cursor: pointer; cursor: pointer;
background-color: transparent; background-color: transparent;
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: background-color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-duration: 0.4s;
transition-property: background-color;
user-select: none; user-select: none;
} }

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

@ -12,7 +12,7 @@
<style> <style>
li { li {
width: 160px; width: 150px;
text-align: center; text-align: center;
list-style: none; list-style: none;
display: inline-block; display: inline-block;
@ -21,6 +21,7 @@
margin-left: 7px; margin-left: 7px;
margin-right: 7px; margin-right: 7px;
align-items: center; align-items: center;
border: var(--grey-six);
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-duration: 0.25s; transition-duration: 0.25s;
} }
@ -28,7 +29,7 @@
a { a {
color: var(--white); color: var(--white);
text-decoration: none; text-decoration: none;
font-size: 1.25rem; font-size: 1.1rem;
user-select: none; user-select: none;
} }

3
src/lib/components/atoms/SocialButton.svelte
View File

@ -21,8 +21,7 @@
cursor: pointer; cursor: pointer;
background-color: var(--grey-four); background-color: var(--grey-four);
font-size: 1.5rem; font-size: 1.5rem;
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), filter 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-duration: 0.4s;
user-select: none; user-select: none;
margin-right:0.5rem; margin-right:0.5rem;
margin-left: 0.5rem; margin-left: 0.5rem;

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

@ -25,7 +25,7 @@
nav { nav {
width: 100%; width: 100%;
display: flex; display: flex;
padding-top: 1.25rem; padding-top: 0.75rem;
padding-right: 3rem; padding-right: 3rem;
padding-left: 6rem; padding-left: 6rem;
justify-content: space-between; justify-content: space-between;
@ -41,6 +41,7 @@
.logo-image { .logo-image {
width: 2.9rem; width: 2.9rem;
cursor: pointer; cursor: pointer;
transform: translateY(5%);
} }
h1 { h1 {
@ -48,7 +49,6 @@
margin-left: 1rem; margin-left: 1rem;
font-size: 2.75rem; font-size: 2.75rem;
letter-spacing: -0.04em; letter-spacing: -0.04em;
transform: translateY(-5%);
} }
h1 span { h1 span {

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: 5rem; left: 4.5rem;
user-select: none; user-select: none;
} }
</style> </style>

4
src/routes/__layout.svelte
View File

@ -54,8 +54,8 @@ import Wave from '$lib/components/atoms/Wave.svelte';
:global(.wrapper) { :global(.wrapper) {
margin-inline: auto; margin-inline: auto;
width: min(90%, 100rem); width: min(87%, 100rem);
margin-top: 3% margin-top: 1.5%
} }
:root { :root {