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

navbar media queries

Browse Source
This commit is contained in:
afnzmn 2022-07-21 09:14:34 -04:00
parent 016da4b80f
commit b3aaaf8fb7
2 changed files with 23 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -12,16 +12,16 @@
<style> <style>
li { li {
border: var(--grey-six);
width: 150px; width: 150px;
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;
margin-left: 0.5rem;
margin-right: 0.5rem;
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;
} }

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

@ -34,6 +34,7 @@
user-select: none; user-select: none;
} }
.logo { .logo {
display: inline-block; display: inline-block;
} }
@ -54,4 +55,23 @@
h1 span { h1 span {
color: var(--red); color: var(--red);
} }
@media screen and (max-width: 1050px) {
h1 {
display: none;
}
nav {
padding-right: 1rem;
padding-left: 4rem;
}
}
@media screen and (max-width: 768px) {
nav {
background-color: purple;
}
}
</style> </style>