@gleich/ui 1.1.1 → 1.2.1

package/dist/index.d.ts

@@ -2,9 +2,9 @@ import Card from './card.svelte';
 import Copyright from './copyright.svelte';
 import DynamicHead from './dynamic-head.svelte';
 import Error from './error.svelte';
-import FadeUp from './fade-up.svelte';
 import Image from './image.svelte';
+import Layout from './layout.svelte';
 import Logo from './logo.svelte';
 import NavLogo from './nav-logo.svelte';
 import Scrolling from './scrolling.svelte';
-export { Card, Copyright, DynamicHead, Error, FadeUp, Image, Logo, NavLogo, Scrolling };
+export { Card, Copyright, DynamicHead, Error, Image, Layout, Logo, NavLogo, Scrolling };

package/dist/index.js

@@ -2,9 +2,9 @@ import Card from './card.svelte';
 import Copyright from './copyright.svelte';
 import DynamicHead from './dynamic-head.svelte';
 import Error from './error.svelte';
-import FadeUp from './fade-up.svelte';
 import Image from './image.svelte';
+import Layout from './layout.svelte';
 import Logo from './logo.svelte';
 import NavLogo from './nav-logo.svelte';
 import Scrolling from './scrolling.svelte';
-export { Card, Copyright, DynamicHead, Error, FadeUp, Image, Logo, NavLogo, Scrolling };
+export { Card, Copyright, DynamicHead, Error, Image, Layout, Logo, NavLogo, Scrolling };

package/dist/layout.svelte

@@ -0,0 +1,65 @@
+<script lang="ts">
+	import type { Snippet } from 'svelte';
+	import Copyright from './copyright.svelte';
+
+	const { children, repo }: { children: Snippet; repo: string } = $props();
+</script>
+
+<div class="container">
+	<div class="children">
+		{@render children()}
+		<div class="copyright">
+			<Copyright {repo} />
+		</div>
+	</div>
+</div>
+
+<style>
+	.container {
+		display: flex;
+		align-items: center;
+		flex-direction: column;
+		min-height: 100vh;
+		overflow: hidden;
+	}
+
+	.children {
+		display: flex;
+		box-sizing: border-box;
+		align-items: center;
+		flex-direction: column;
+		width: 100%;
+		animation: fade-up 0.5s ease-out forwards;
+		opacity: 0;
+		flex: 1;
+		max-width: 1040px;
+		padding: 70px 20px;
+	}
+
+	.copyright {
+		margin-top: 20px;
+		width: 100%;
+	}
+
+	@-webkit-keyframes fade-up {
+		from {
+			opacity: 0;
+			transform: translateY(10px);
+		}
+		to {
+			opacity: 1;
+			transform: translateY(0);
+		}
+	}
+
+	@keyframes fade-up {
+		from {
+			opacity: 0;
+			transform: translateY(10px);
+		}
+		to {
+			opacity: 1;
+			transform: translateY(0);
+		}
+	}
+</style>

package/dist/layout.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Snippet } from 'svelte';
+type $$ComponentProps = {
+    children: Snippet;
+    repo: string;
+};
+declare const Layout: import("svelte").Component<$$ComponentProps, {}, "">;
+type Layout = ReturnType<typeof Layout>;
+export default Layout;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@gleich/ui",
-	"version": "1.1.1",
+	"version": "1.2.1",
 	"license": "MIT",
 	"scripts": {
 		"dev": "vite dev --open",

package/dist/fade-up.svelte

@@ -1,38 +0,0 @@
-<script lang="ts">
-	import type { Snippet } from 'svelte';
-
-	const { children }: { children: Snippet } = $props();
-</script>
-
-<div class="container">
-	{@render children()}
-</div>
-
-<style>
-	.container {
-		animation: fade-up 0.5s ease-out forwards;
-		opacity: 0;
-	}
-
-	@-webkit-keyframes fade-up {
-		from {
-			opacity: 0;
-			transform: translateY(10px);
-		}
-		to {
-			opacity: 1;
-			transform: translateY(0);
-		}
-	}
-
-	@keyframes fade-up {
-		from {
-			opacity: 0;
-			transform: translateY(10px);
-		}
-		to {
-			opacity: 1;
-			transform: translateY(0);
-		}
-	}
-</style>

package/dist/fade-up.svelte.d.ts

@@ -1,7 +0,0 @@
-import type { Snippet } from 'svelte';
-type $$ComponentProps = {
-    children: Snippet;
-};
-declare const FadeUp: import("svelte").Component<$$ComponentProps, {}, "">;
-type FadeUp = ReturnType<typeof FadeUp>;
-export default FadeUp;