kevinnlsamuel/rainbowcroissant
1
0
Fork 0
mirror of https://github.com/kevinnlsamuel/rainbowcroissant.git synced 2025-12-06 10:06:01 +05:30
Code Issues Packages Projects Releases Wiki Activity

create basic layout

Browse Source
This commit is contained in:
kevinnls
2023-09-02 11:12:51 +05:30
parent 61412e32d9
commit 9501f34ca6
3 changed files with 28 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app.html
View File

@@ -6,7 +6,7 @@
<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="h-screen flex flex-col justify-between" data-sveltekit-preload-data="hover">
<div style="display: contents">%sveltekit.body%</div> <div style="display: contents">%sveltekit.body%</div>
</body> </body>
</html> </html>

7
src/const.ts Normal file
View File

@@ -0,0 +1,7 @@
const consts = {
app: {
name: 'Fee Payment Details'
}
};
export { consts };

22
src/routes/+layout.svelte
View File

@@ -1,5 +1,23 @@
<script> <script>
import "../app.css"; import '../app.css';
import { consts } from '../const';
</script> </script>
<slot></slot> <header class="grid grid-flow-col justify-between px-4 py-2">
<h1>{consts.app.name}</h1>
<nav class="w-max">
<ul class="grid grid-flow-col space-x-4">
<li><a href="/form/">Form</a></li>
<li><a href="/mail/">Mail</a></li>
<li><a href="/about/">About</a></li>
</ul>
</nav>
</header>
<main class="flex-grow">
<slot />
</main>
<footer>
<p>&copy; Kevin Samuel, McKenzie Joseph, 2023</p>
</footer>