ReVanced/revanced-website
1
0
Fork 0
mirror of https://github.com/ReVanced/revanced-website.git synced 2026-01-29 13:51:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

modal width and formatting

Browse Source
This commit is contained in:
Ax333l
2023-02-08 18:02:58 +01:00
parent 5e3eadf941
commit c389a77dfe
3 changed files with 37 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -3,16 +3,16 @@
$: type = 'button-' + kind;
export let maxWidth = false;
export let icon = '';
export let alt = '';
export let alt = '';
export let unclickable = false;
</script>
<button class={type} class:unclickable on:click style="width: {maxWidth ? '100%' : 'max-content'}">
{#if icon}
<img src={icon} {alt} />
{/if}
<slot />
</button>
<button class={type} class:unclickable on:click style="width: {maxWidth ? '100%' : 'max-content'}">
{#if icon}
<img src={icon} {alt} />
{/if}
<slot />
</button>
<style>
button {
@@ -29,7 +29,7 @@
.button-secondary {
min-width: max-content;
font-size: 1rem;
color: #FFD9E1;
color: #ffd9e1;
font-weight: 400;
border: none;
border-radius: 1200px;
@@ -41,9 +41,9 @@
}
.button-primary {
background-color: #FFB1C5;
background-color: #ffb1c5;
box-shadow: 0px 0px 32px 1px var(--accent-color-glow);
color: #65002F;
color: #65002f;
}
button:hover {