ReVanced/revanced-website
1
0
Fork 0
mirror of https://github.com/revanced/revanced-website.git synced 2025-05-09 02:44:27 +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;
font-size: 1.5rem;
margin-top: 45px;
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition-duration: 0.4s;
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);
margin-right: 20px;
user-select: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

4
src/routes/__layout.svelte
View File

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