ReVanced/revanced-website
1
0
Fork 0
mirror of https://github.com/revanced/revanced-website.git synced 2025-04-30 06:34:35 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix: make button take up full width

Browse Source
This commit is contained in:
afn 2022-10-15 17:05:15 -04:00
parent d66c063789
commit c32bc268b3
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -2,14 +2,14 @@
export let kind = 'secondary'; export let kind = 'secondary';
$: type = 'button-' + kind; $: type = 'button-' + kind;
export let href = '#'; export let href = '#';
export let fontsize = '1.2rem'; export let width = 'max-content';
export let icon = ""; export let icon = "";
</script> </script>
<a href={href}> <a href={href}>
<div <div
class={type} class={type}
style="font-size: {fontsize};" style="width: {width};"
> >
<img src="icons/{icon}.svg" alt="{icon}"/> <img src="icons/{icon}.svg" alt="{icon}"/>
<slot/> <slot/>
@ -22,8 +22,8 @@
border-radius: 16px; border-radius: 16px;
} }
div, .button-secondary { div, .button-secondary {
font-size: 1.1rem;
height: 60px; height: 60px;
width: max-content;
color: var(--white); color: var(--white);
font-weight: 600; font-weight: 600;
border: none; border: none;

4
src/lib/components/organisms/Home.svelte
View File

@ -12,8 +12,8 @@
</h2> </h2>
<div class="hero-buttons"> <div class="hero-buttons">
<Button icon="download" kind="primary" href="download" fontsize="1.2rem">Download</Button> <Button icon="download" kind="primary" href="download" width="100%">Download</Button>
<Button icon="docs" href="docs" fontsize="1.2rem" >Read The Docs</Button> <Button icon="docs" href="docs" width="100%" >Read The Docs</Button>
</div> </div>
</div> </div>
</section> </section>