diff --git a/src/lib/components/atoms/Button.svelte b/src/lib/components/atoms/Button.svelte index efeccf6..2684160 100644 --- a/src/lib/components/atoms/Button.svelte +++ b/src/lib/components/atoms/Button.svelte @@ -24,7 +24,7 @@ .unclickable { cursor: not-allowed; - opacity: 0.4; + opacity: 0.25; } button, diff --git a/src/lib/components/atoms/LogoOption.svelte b/src/lib/components/atoms/LogoOption.svelte index 491fd2c..682c137 100644 --- a/src/lib/components/atoms/LogoOption.svelte +++ b/src/lib/components/atoms/LogoOption.svelte @@ -71,6 +71,7 @@ +
+ +
{/if} @@ -156,6 +165,12 @@ gap: 1.5rem; } + @media screen and (max-width: 768px) { + .variants { + grid-template-columns: repeat(1, minmax(0, 1fr)); + } + } + .clicked { background-color: var(--accent-low-opacity); } @@ -166,8 +181,17 @@ img { border-radius: 8px; height: 125px; - width: 125px; + max-width: 125px; transition: transform 0.4s var(--bezier-one); user-select: none; } + + .buttons { + display: flex; + justify-content: flex-end; + gap: 1.5rem; + margin-top: 16px; + } + + diff --git a/src/routes/poll/+page.svelte b/src/routes/poll/+page.svelte index 4ced447..ecb48d5 100644 --- a/src/routes/poll/+page.svelte +++ b/src/routes/poll/+page.svelte @@ -80,17 +80,17 @@ // update ui logos = logos; - if (location.hash !== '') { - try { - await exchange_token(location.hash.substring(1)); - } catch (err) { - alert(`Could not exchange the token: ${err}`); - } - } else if (localStorage.getItem('killswitch') === null) { - await goto('/poll/unauthorized/'); - } else { - alert('Warning: no token!'); - } + // if (location.hash !== '') { + // try { + // await exchange_token(location.hash.substring(1)); + // } catch (err) { + // alert(`Could not exchange the token: ${err}`); + // } + // } else if (localStorage.getItem('killswitch') === null) { + // await goto('/poll/unauthorized/'); + // } else { + // alert('Warning: no token!'); + // } }); function preloadImage(url: string) {