69 lines
1.5 KiB
Svelte
Raw Normal View History

2023-06-13 13:38:59 +01:00
<script>
2023-07-07 11:27:28 +01:00
import Header from '$lib/navigation/header.svelte';
import Nav from '$lib/navigation/nav.svelte';
const title = 'More';
const links = [
{ title: 'Your Data', path: '/more/data' },
{ title: 'Registration', path: '/more/reg' },
2023-07-11 22:59:41 +01:00
{ title: 'Settings', path: '/more/settings' },
{ title: 'Report Issue', path: '/more/report' },
{ title: 'About', path: '/more/about' },
2023-07-07 11:27:28 +01:00
{ title: 'Location Reference Code Lookup', path: '/more/corpus' },
{ title: 'Reason Code Lookup', path: '/more/reasons' },
{ title: 'Privacy Policy', path: '/more/privacy' },
{ title: 'Component Versions', path: '/more/versions' },
2023-07-11 22:59:41 +01:00
{ title: 'Statistics', path: '/more/statistics' }
2023-07-07 11:27:28 +01:00
];
</script>
<Header {title} />
2023-06-14 11:02:46 +01:00
{#each links as item}
2023-07-07 11:27:28 +01:00
<a href={item.path}>
<div>
<p>{item.title}</p>
</div>
</a>
2023-06-14 11:02:46 +01:00
{/each}
2023-07-07 11:27:28 +01:00
<Nav />
<style>
div {
width: 100%;
background: rgba(0, 0, 0, 0.226);
border-color: aliceblue;
border-width: 1px;
border-style: solid;
border-left: none;
border-right: none;
height: 50px;
}
a {
text-decoration: none;
height: 100%;
vertical-align: middle;
}
p {
color: white;
margin: 0;
padding-left: 10px;
text-align: left;
line-height: 50px;
vertical-align: middle;
font-weight: 600;
font-size: 20px;
}
@media (min-width: 600px) {
2023-06-14 11:02:46 +01:00
p {
2023-07-07 11:27:28 +01:00
text-align: center;
2023-06-14 11:02:46 +01:00
}
2023-07-07 11:27:28 +01:00
}
@media (max-width: 380px) {
p {
font-size: 16px;
}
2023-07-07 11:27:28 +01:00
}
</style>