pinafore/routes/settings/index.html

53 lines
1.1 KiB
HTML
Raw Normal View History

2018-01-07 22:38:12 +01:00
<:Head>
<title>Settings</title>
</:Head>
<Layout page='settings'>
2018-01-09 02:44:29 +01:00
<SettingsLayout page='home'>
<h1>Settings</h1>
2018-01-07 22:38:12 +01:00
2018-01-13 19:53:25 +01:00
<ul>
<li><a href="/settings/instances">Instances</a></li>
<li><a href="/settings/about">About Pinafore</a></li>
</ul>
2018-01-09 02:44:29 +01:00
</SettingsLayout>
2018-01-07 22:38:12 +01:00
</Layout>
<script>
2018-01-08 00:11:17 +01:00
import Layout from '../_components/Layout.html';
2018-01-09 02:44:29 +01:00
import SettingsLayout from './_components/SettingsLayout.html'
2018-01-07 22:38:12 +01:00
export default {
components: {
2018-01-09 02:44:29 +01:00
Layout,
SettingsLayout
2018-01-07 22:38:12 +01:00
}
};
2018-01-13 19:53:25 +01:00
</script>
<style>
ul {
list-style: none;
width: 80%;
border: 1px solid var(--settings-list-item-border);
margin: 20px auto;
}
li {
border: 1px solid var(--settings-list-item-border);
font-size: 1.3em;
display: flex;
flex-direction: column;
}
a, a:visited {
color: var(--settings-list-item-text);
background: var(--settings-list-item-bg);
padding: 20px;
}
a:hover {
text-decoration: none;
background: var(--settings-list-item-bg-hover);
color: var(--settings-list-item-text-hover);
}
a:active {
background: var(--settings-list-item-bg-active);
}
</style>