DariusTFox
3 years ago
12 changed files with 89 additions and 14 deletions
@ -1,6 +1,7 @@ |
|||||||
{ |
{ |
||||||
"recommendations": [ |
"recommendations": [ |
||||||
"svelte.svelte-vscode", |
"svelte.svelte-vscode", |
||||||
"bradlc.vscode-tailwindcss" |
"bradlc.vscode-tailwindcss", |
||||||
|
"fivethree.vscode-svelte-snippets" |
||||||
] |
] |
||||||
} |
} |
Before Width: | Height: | Size: 3.1 KiB After Width: | Height: | Size: 3.0 KiB |
After Width: | Height: | Size: 653 KiB |
@ -0,0 +1,11 @@ |
|||||||
|
<script> |
||||||
|
export let title; |
||||||
|
export let text; |
||||||
|
</script> |
||||||
|
|
||||||
|
<main> |
||||||
|
<figure class="bg-gray-100 rounded-xl p-3 m-2"> |
||||||
|
<h1 class="text-lg font-bold">{title}</h1> |
||||||
|
<p class="text-gray-900">{text}</p> |
||||||
|
</figure> |
||||||
|
</main> |
@ -0,0 +1,22 @@ |
|||||||
|
<script> |
||||||
|
export let width; |
||||||
|
export let height; |
||||||
|
</script> |
||||||
|
|
||||||
|
<main> |
||||||
|
<figure class="rounded-x p-3 m-14" style="--width: {width}; --height: {height};"> |
||||||
|
<slot></slot> |
||||||
|
</figure> |
||||||
|
</main> |
||||||
|
|
||||||
|
<style> |
||||||
|
figure{ |
||||||
|
width: var(--width); |
||||||
|
height: var(--height); |
||||||
|
|
||||||
|
background: linear-gradient(165.31deg, rgba(67, 151, 141, 0.44) 18.49%, rgba(67, 151, 141, 0) 97.15%); |
||||||
|
box-shadow: 0px 13px 6px 4px rgba(0, 0, 0, 0.25); |
||||||
|
backdrop-filter: blur(12px); |
||||||
|
} |
||||||
|
|
||||||
|
</style> |
@ -0,0 +1,11 @@ |
|||||||
|
<script> |
||||||
|
export let title; |
||||||
|
export let text; |
||||||
|
</script> |
||||||
|
|
||||||
|
<main> |
||||||
|
<figure class="bg-gray-100 rounded-xl p-3 m-2"> |
||||||
|
<h1 class="text-lg font-bold">{title}</h1> |
||||||
|
<p class="text-gray-900">{text}</p> |
||||||
|
</figure> |
||||||
|
</main> |
@ -0,0 +1,15 @@ |
|||||||
|
<script> |
||||||
|
import CardBG from "./CardBG.svelte"; |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</script> |
||||||
|
|
||||||
|
<main> |
||||||
|
<div class="container h-screen flex flex-col justify-center"> |
||||||
|
<CardBG width="464px" height="550px"> |
||||||
|
<h1>Login</h1> |
||||||
|
</CardBG> |
||||||
|
</div> |
||||||
|
|
||||||
|
</main> |
@ -0,0 +1,7 @@ |
|||||||
|
<script> |
||||||
|
|
||||||
|
</script> |
||||||
|
|
||||||
|
<main> |
||||||
|
<h1>Main</h1> |
||||||
|
</main> |
Loading…
Reference in new issue