buttons work, added social buttons, contrib wip

This commit is contained in:
afnzmn
2022-07-18 17:56:50 -04:00
parent 88cf26714b
commit b99db6391f
16 changed files with 157 additions and 17 deletions

View File

@@ -0,0 +1,21 @@
<script>
import SocialButton from "../atoms/SocialButton.svelte";
</script>
<div class="social-host">
<SocialButton></SocialButton>
<SocialButton></SocialButton>
<SocialButton></SocialButton>
<SocialButton></SocialButton>
</div>
<style>
.social-host {
width: 100;
justify-content: space-between;
align-items: center;
display: flex;
margin-left: 5rem;
margin-right: 5rem;
}
</style>

View File

@@ -3,7 +3,7 @@
</script>
<nav>
<div class="logo">ReVanced</div>
<img class="logo" src="/logo.svg" alt="ReVanced Logo"/>
<ul>
<Navigation href="/">Home</Navigation>
<Navigation href="/download">Download</Navigation>
@@ -17,9 +17,14 @@
width: 100%;
display: flex;
padding-top: 1.25rem;
padding-right: 4rem;
padding-right: 2rem;
padding-left: 6rem;
justify-content: space-between;
align-items: center;
min-height: 83px;
min-height: 90px;
}
.logo {
width: 3rem;
}
</style>

View File

@@ -0,0 +1,20 @@
<script>
import SocialButton from "../atoms/SocialButton.svelte";
</script>
<div class="social-host">
<SocialButton src="socials/github.svg" alt="GitHub" href="https://revanced.app/github"></SocialButton>
<SocialButton src="socials/discord.svg" alt="Discord" href="http://revanced.app/discord"></SocialButton>
<SocialButton src="socials/reddit.svg" alt="Reddit" href="https://revanced.app/reddit"></SocialButton>
<SocialButton src="socials/telegram.svg" alt="Telegram" href="https://revanced.app/telegram"></SocialButton>
</div>
<style>
.social-host {
justify-content: space-between;
align-items: center;
display: inline-block;
transform: translateY(380%);
}
</style>