artegoser/AnoPaper
1
2
Fork 0
mirror of https://github.com/artegoser/AnoPaper.git synced 2024-10-05 06:35:58 +03:00
Code Issues Projects Releases Packages Wiki Activity

Compare commits

base: artegoser:1bfb7018726d749f1ed97462eb3582b2271b0709
Branches Tags
artegoser:main
artegoser:v2
artegoser:v1.2.0
artegoser:1.1.0
artegoser:1.0.0
...
compare: artegoser:29888092983d5070f81be6cf308e7e0c90f60ef0
Branches Tags
artegoser:main
artegoser:v2
artegoser:v1.2.0
artegoser:1.1.0
artegoser:1.0.0

2 commits
1bfb701872 ... 2988809298

Author SHA1 Message Date
Artemy Egorov
2988809298 feat: title and menu at layout 2023-08-27 19:53:14 +03:00
Artemy Egorov
ab4531064e feat: Main Button 2023-08-27 19:39:15 +03:00
5 changed files with 49 additions and 10 deletions
Show stats Expand all files Collapse all files

11
src/app.html
View file

@ -1,12 +1,15 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<link rel="icon" href="%sveltekit.assets%/favicon.png" /> <link rel="icon" href="%sveltekit.assets%/favicon.png" />
<meta name="viewport" content="width=device-width" /> <meta name="viewport" content="width=device-width" />
%sveltekit.head% %sveltekit.head%
</head> </head>
<body data-sveltekit-preload-data="hover">
<body class="bg-white dark:bg-zinc-900" data-sveltekit-preload-data="hover">
<div style="display: contents">%sveltekit.body%</div> <div style="display: contents">%sveltekit.body%</div>
</body> </body>
</html> </html>

0
src/lib/components/Menu.svelte Normal file
View file

15
src/lib/components/buttons/Button.svelte Normal file
View file

@ -0,0 +1,15 @@
<script lang="ts">
export let href: string;
export let width = 48;
export let color = 'bg-zinc-100 hover:bg-zinc-300 dark:bg-zinc-600 dark:hover:bg-zinc-800';
export let className = '';
export let onClick: () => void;
</script>
<a on:click={onClick} {href}>
<div
class="transition-transform ease-[cubic-bezier(.69,.58,.32,1.69)] hover:scale-105 p-2 m-2 text-lg rounded-2xl w-{width} {color} {className}"
>
<slot />
</div>
</a>

6
src/routes/+layout.svelte
View file

@ -1,5 +1,9 @@
<script> <script>
import '../app.css'; import '../app.css';
import Menu from '$lib/components/Menu.svelte';
</script> </script>
<slot /> <div class="text-black dark:text-white flex flex-col">
<Menu />
<slot />
</div>

17
src/routes/+page.svelte
View file

@ -1 +1,18 @@
<script>
import Button from '$lib/components/buttons/Button.svelte';
let count = 0;
let text = `Clicked ${count} ${count === 1 ? 'time' : 'times'}`;
function handleClick() {
count += 1;
text = `Clicked ${count} ${count === 1 ? 'time' : 'times'}`;
}
</script>
<svelte:head>
<title>AnoPaper main page</title>
</svelte:head>
<h1 class="text-3xl font-bold underline">AnoPaper!</h1> <h1 class="text-3xl font-bold underline">AnoPaper!</h1>
<Button onClick={handleClick} href="#">{text}</Button>