Lint/format
This commit is contained in:
@@ -2,10 +2,10 @@
|
||||
import Icon from "@lib/components/Icon.svelte"
|
||||
</script>
|
||||
|
||||
<div class="btn btn-neutral btn-lg h-24 text-left w-full">
|
||||
<div class="flex gap-2 flex-row justify-between items-center w-full {$$props.class}">
|
||||
<div class="flex gap-6 items-center">
|
||||
<div class="w-12 center">
|
||||
<div class="btn btn-neutral btn-lg h-24 w-full text-left">
|
||||
<div class="flex w-full flex-row items-center justify-between gap-2 {$$props.class}">
|
||||
<div class="flex items-center gap-6">
|
||||
<div class="center w-12">
|
||||
<slot name="icon" />
|
||||
</div>
|
||||
<div class="flex flex-grow flex-col gap-1">
|
||||
@@ -13,7 +13,7 @@
|
||||
<p class="text-xs"><slot name="info" /></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-12 center">
|
||||
<div class="center w-12">
|
||||
<Icon size={7} icon="alt-arrow-right" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -30,7 +30,7 @@
|
||||
</div>
|
||||
<div class="drawer-side z-modal">
|
||||
<label for={id} aria-label="close sidebar" class="drawer-overlay"></label>
|
||||
<div class="menu overflow-auto h-full w-80 bg-base-200 p-0 text-base-content">
|
||||
<div class="menu h-full w-80 overflow-auto bg-base-200 p-0 text-base-content">
|
||||
<slot />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
<div class="column gap-2 py-4 max-w-xs m-auto">
|
||||
<div class="column m-auto max-w-xs gap-2 py-4">
|
||||
<h1 class="heading"><slot name="title" /></h1>
|
||||
<p class="text-center"><slot name="info" /></p>
|
||||
</div>
|
||||
|
||||
@@ -1,3 +1,3 @@
|
||||
<div class="max-h-screen flex-grow overflow-auto bg-base-200 mb-2 pb-12 sm:mb-0 sm:pb-0">
|
||||
<div class="mb-2 max-h-screen flex-grow overflow-auto bg-base-200 pb-12 sm:mb-0 sm:pb-0">
|
||||
<slot />
|
||||
</div>
|
||||
|
||||
@@ -1,10 +1,3 @@
|
||||
<script lang="ts">
|
||||
import Icon from '@lib/components/Icon.svelte'
|
||||
import Button from '@lib/components/Button.svelte'
|
||||
|
||||
const back = () => history.back()
|
||||
</script>
|
||||
|
||||
<div class="relative z-feature mx-2 rounded-xl pt-4">
|
||||
<div
|
||||
class="flex min-h-12 items-center justify-between gap-4 rounded-xl bg-base-100 px-4 shadow-xl">
|
||||
|
||||
@@ -2,4 +2,3 @@
|
||||
<h1 class="superheading"><slot name="title" /></h1>
|
||||
<p class="text-center"><slot name="info" /></p>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<script lang="ts">
|
||||
import {page} from '$app/stores'
|
||||
import {page} from "$app/stores"
|
||||
import Button from "@lib/components/Button.svelte"
|
||||
|
||||
export let title = ""
|
||||
@@ -11,7 +11,7 @@
|
||||
{#if href}
|
||||
<a {href} class="relative z-nav-item flex h-14 w-14 items-center justify-center">
|
||||
<div
|
||||
class="avatar cursor-pointer rounded-full p-1 {$$props.class} hover:bg-base-300 transition-colors"
|
||||
class="avatar cursor-pointer rounded-full p-1 {$$props.class} transition-colors hover:bg-base-300"
|
||||
class:bg-base-300={active}
|
||||
class:tooltip={title}
|
||||
data-tip={title}>
|
||||
@@ -21,7 +21,7 @@
|
||||
{:else}
|
||||
<Button on:click class="relative z-nav-item flex h-14 w-14 items-center justify-center">
|
||||
<div
|
||||
class="avatar cursor-pointer rounded-full p-1 {$$props.class} hover:bg-base-300 transition-colors"
|
||||
class="avatar cursor-pointer rounded-full p-1 {$$props.class} transition-colors hover:bg-base-300"
|
||||
class:bg-base-300={active}
|
||||
class:tooltip={title}
|
||||
data-tip={title}>
|
||||
|
||||
@@ -1,3 +1,3 @@
|
||||
<div class="max-h-screen w-60 flex-shrink-0 flex-col gap-1 bg-base-300 hidden sm:flex">
|
||||
<div class="hidden max-h-screen w-60 flex-shrink-0 flex-col gap-1 bg-base-300 sm:flex">
|
||||
<slot />
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user