jonathan/combine.fm
jonathan/combine.fm
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

Fix some styling, add Procfile

Browse source
This commit is contained in:
Jonathan Cremin 2017-10-23 19:21:19 +01:00
parent a6cd5f4266
commit 2d99710fc2
9 changed files with 246 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

15
public/src/app.vue
View file

@ -2,16 +2,18 @@
<div id="app">
<div class="header" v-bind:class="{ 'share': $store.state.share }">
<div class="container">
<h1 class="title has-text-centered">
<h1 class="title">
<router-link to="/" exact>
<img src="/assets/images/logo-128.png"> <b>combine</b><span class="lighter">.fm</span>
</router-link>
</h1>
</div>
</div>
<div class="content">
<div>
<router-view></router-view>
</div>
<div class="footer-break">
</div>
<footer class="footer">
<div class="container has-text-right">
<a href='https://twitter.com/MatchAudio'>Tweet</a> or <a href='https://gitlab.com/kudos/match.audio'>Fork</a>. A work in progress by <a href='http://crem.in'>this guy</a>.
@ -29,7 +31,7 @@ html {
body {
color: #445470;
background: #fff;
margin: 0 0 140px;
margin: 0 0 160px;
}
.header {
font-family: 'Comfortaa', cursive;
@ -39,6 +41,7 @@ body {
height: 64px;
}
h1 {
text-align: left;
padding: 10px 0;
}
h1 a {
@ -56,12 +59,18 @@ h1 a:hover {
line-height: 36px;
padding: 5px 0;
}
.share h1 img {
height: 40px;
}
.title a:hover {
border-bottom: none;
}
h1 .lighter {
color: #ffacc5;
}
.footer-break {
height: 1px;
}
.footer {
position: absolute;
left: 0;