iotmanager/IoTManagerWeb
1
0
Fork 0
mirror of https://github.com/IoTManagerProject/IoTManagerWeb.git synced 2026-03-30 11:59:21 +03:00
Code Issues Packages Projects Releases Wiki Activity

изменения

Browse Source
This commit is contained in:
Dmitry Borisenko
2022-02-11 00:22:41 +01:00
parent 050a813471
commit 34d26bbe1d
11 changed files with 216 additions and 137 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/Card.svelte
View File

@@ -1,22 +1,10 @@
<script>
import CloudIcon from "../svg/Cloud.svelte";
export let title;
export let cloud = false;
export let cloudColor;
export let title = false;
</script>
<div class="crd">
{#if title && !cloud}
{#if title}
<h1 class="crd-hdr">{title}</h1>
{:else if title && cloud}
<div class="flex items-center">
<div class="w-11/12">
<h1 class="crd-hdr">{title}</h1>
</div>
<div class="flex justify-end w-1/12">
<CloudIcon color={cloudColor} />
</div>
</div>
{/if}
<slot />
</div>
@@ -28,7 +16,7 @@
@layer components {
.crd {
@apply w-full mb-2 p-2 sm:p-2 md:p-2 lg:p-2 xl:px-8 xl:py-4 2xl:px-8 2xl:py-4 bg-white shadow-md lg:shadow-lg border border-gray-200 rounded-lg;
@apply w-full mb-2 p-2 sm:p-2 md:p-2 lg:p-2 xl:px-4 xl:py-4 2xl:px-4 2xl:py-4 bg-white shadow-md lg:shadow-lg border border-gray-200 rounded-lg;
}
.crd-hdr {
@apply text-center text-lg text-gray-500 font-bold pb-4;