tweak styles

This commit is contained in:
Nolan Lawson 2018-01-12 18:57:50 -08:00
parent a62bc96d26
commit 6068b12122
3 changed files with 27 additions and 10 deletions

View File

@ -0,0 +1,11 @@
<div class="free-text">
<slot></slot>
</div>
<style>
:global(.free-text) {
margin: 20px;
}
:global(.free-text p) {
margin: 20px 0;
}
</style>

View File

@ -1,4 +1,4 @@
<div class="free-text">
<FreeTextLayout>
<div class="banner">
<svg alt="Pinafore logo" class="logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M92.12 59.93H59.87V8.23C70.4 14.9 87.34 30 92.12 59.93zM31 26.9A122.4 122.4 0 0 1 9.39 60.35H31zM37.76 99h24.48a30.67 30.67 0 0 0 30.67-30.67H50.52V6.27a5.27 5.27 0 0 0-10.52 0v62.06H7.09A30.67 30.67 0 0 0 37.76 99z"/></svg>
<h1>Pinafore</h1>
@ -8,14 +8,8 @@
<p>To get started, <a href="/settings/add-instance">log in to an instance</a>.</p>
<p>Don't have an instance? <a href="https://joinmastodon.org">Join Mastodon!</a></p>
</div>
</FreeTextLayout>
<style>
.free-text {
margin: 20px;
}
.free-text p {
margin: 20px 0;
}
.banner {
display: flex;
align-items: center;
@ -39,3 +33,11 @@
}
}
</style>
<script>
import FreeTextLayout from './FreeTextLayout.html'
export default {
components: {
FreeTextLayout
}
}
</script>

View File

@ -1,13 +1,17 @@
<SettingsNav page={{page}} />
<div class="settings">
<slot></slot>
<FreeTextLayout>
<slot></slot>
</FreeTextLayout>
</div>
<script>
import SettingsNav from './SettingsNav.html';
import FreeTextLayout from '../../_components/FreeTextLayout'
export default {
components: {
FreeTextLayout,
SettingsNav
}
};