Chore: run prettier

This commit is contained in:
Pieter Vander Vennet 2023-06-14 20:44:01 +02:00
parent 6dc61ccb51
commit f0b007512b
52 changed files with 150 additions and 151 deletions

View file

@ -15,6 +15,6 @@
on:click={() => dispatch("click")}
options={{ extraClasses: clss + " flex items-center" }}
>
<ChevronLeftIcon class="w-12 h-12" slot="image" />
<ChevronLeftIcon class="h-12 w-12" slot="image" />
<slot slot="message" />
</SubtleButton>

View file

@ -27,7 +27,7 @@
}
</script>
<div bind:this={mainElem} class="absolute bottom-0 right-0 w-full h-full">
<div bind:this={mainElem} class="absolute bottom-0 right-0 h-full w-full">
<div id="hand-container" class="pointer-events-none">
<img src="./assets/svg/hand.svg" />
</div>

View file

@ -9,17 +9,17 @@
</script>
<div
class="absolute top-0 right-0 w-screen h-screen p-4 md:p-6"
class="absolute top-0 right-0 h-screen w-screen p-4 md:p-6"
style="background-color: #00000088"
>
<div class="content normal-background">
<div class="rounded-xl h-full">
<div class="h-full rounded-xl">
<slot />
</div>
<slot name="close-button">
<!-- The close button is placed _after_ the default slot in order to always paint it on top -->
<div
class="w-8 h-8 absolute right-10 top-10 cursor-pointer"
class="absolute right-10 top-10 h-8 w-8 cursor-pointer"
on:click={() => dispatch("close")}
>
<XCircleIcon />

View file

@ -3,8 +3,8 @@
import Svg from "../../Svg"
</script>
<div class="pl-2 p-1 flex">
<div class="animate-spin self-center w-6 h-6 min-w-6">
<div class="flex p-1 pl-2">
<div class="min-w-6 h-6 w-6 animate-spin self-center">
<ToSvelte construct={Svg.loading_svg()} />
</div>
<div class="ml-2">

View file

@ -33,8 +33,8 @@
<Loading />
</slot>
{:else if $loadingStatus === "error"}
<div class="flex items-center alert max-w-64">
<img src="./assets/svg/invalid.svg" class="w-8 h-8 m-2 shrink-0" />
<div class="alert max-w-64 flex items-center">
<img src="./assets/svg/invalid.svg" class="m-2 h-8 w-8 shrink-0" />
<Tr t={offlineModes[$apiState]} />
</div>
{:else if $loadingStatus === "logged-in"}

View file

@ -10,7 +10,7 @@
<button
on:click={(e) => dispatch("click", e)}
class={"rounded-full h-fit w-fit m-0.5 md:m-1 p-0.5 sm:p-1 pointer-events-auto " + cls}
class={"pointer-events-auto m-0.5 h-fit w-fit rounded-full p-0.5 sm:p-1 md:m-1 " + cls}
>
<slot />
</button>

View file

@ -9,13 +9,13 @@
</script>
<div
class="absolute top-0 right-0 h-screen overflow-auto w-full md:w-6/12 lg:w-5/12 xl:w-4/12 drop-shadow-2xl"
class="absolute top-0 right-0 h-screen w-full overflow-auto drop-shadow-2xl md:w-6/12 lg:w-5/12 xl:w-4/12"
style="max-width: 100vw; max-height: 100vh"
>
<div class="flex flex-col m-0 normal-background">
<div class="normal-background m-0 flex flex-col">
<slot name="close-button">
<div
class="w-8 h-8 absolute right-10 top-10 cursor-pointer"
class="absolute right-10 top-10 h-8 w-8 cursor-pointer"
on:click={() => dispatch("close")}
>
<XCircleIcon />

View file

@ -17,8 +17,8 @@
options={{ extraClasses: clss + " flex items-center" }}
>
<slot name="image" slot="image" />
<div class="w-full flex justify-between items-center" slot="message">
<div class="flex w-full items-center justify-between" slot="message">
<slot />
<ChevronRightIcon class="w-12 h-12" />
<ChevronRightIcon class="h-12 w-12" />
</div>
</SubtleButton>

View file

@ -23,7 +23,7 @@
}
</script>
<button on:click={share} class="secondary w-8 h-8 m-0 p-0">
<button on:click={share} class="secondary m-0 h-8 w-8 p-0">
<slot name="content">
<ToSvelte construct={Svg.share_svg().SetClass("w-7 h-7 p-1")} />
</slot>

View file

@ -16,9 +16,9 @@
}
</script>
<div class="tabbedgroup w-full h-full">
<div class="tabbedgroup h-full w-full">
<TabGroup
class="h-full w-full flex flex-col"
class="flex h-full w-full flex-col"
defaultIndex={1}
on:change={(e) => {
if (e.detail >= 0) {
@ -26,7 +26,7 @@
}
}}
>
<div class="interactive flex items-center justify-between sticky top-0">
<div class="interactive sticky top-0 flex items-center justify-between">
<TabList class="flex flex-wrap">
{#if $$slots.title1}
<Tab class={({ selected }) => "tab " + (selected ? "primary" : "")}>
@ -66,7 +66,7 @@
</TabList>
<slot name="post-tablist" />
</div>
<div class="overflow-y-auto normal-background">
<div class="normal-background overflow-y-auto">
<TabPanels defaultIndex={$tab}>
<TabPanel>
<slot name="content0">

View file

@ -17,7 +17,7 @@
<a
href={LinkToWeblate.hrefToWeblate($language, context)}
target="_blank"
class="mx-1 weblate-link"
class="weblate-link mx-1"
>
<img src="./assets/svg/translate.svg" class="font-gray" />
</a>