CodeCow/sharedrop
1
0
Fork 0
mirror of https://github.com/szimek/sharedrop.git synced 2026-06-13 21:03:07 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Make sure that its usable on smaller screens as well

Browse Source
This commit is contained in:
Maciej Jarczok 2015-11-18 09:43:19 +01:00
parent 377fc514e9
commit f17f0a6670
5 changed files with 20 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app/styles/app.sass
View File

@ -11,5 +11,6 @@
@import modules/popover
@import layout/header
@import layout/main
@import layout/footer
@import layout/media

7
app/styles/layout/_footer.sass
View File

@ -4,7 +4,7 @@
bottom: 0
width: 100%
height: 54px
background-color: rgba(white,.7)
background-color: rgba(white,.6)
text-align: center
color: #b0b0b0
a
@ -17,8 +17,9 @@
.about
display: inline-block
font-size: 1.2rem
line-height: 1.4em
font-size: 1.1rem
line-height: 1.4
margin-top: .2em
.cowbell-labs
position: absolute

4
app/styles/layout/_main.sass Normal file
View File

@ -0,0 +1,4 @@
.l-content
position: relative
height: 100vh
min-height: 600px

4
app/styles/layout/_media.sass
View File

@ -19,6 +19,8 @@
.l-content
padding: 80px 0 115px
min-height inherit
height: auto
.user
.peer
position: relative
@ -118,8 +120,6 @@
.l-footer
height: 100px
padding: 15px
.about
font-size: 1.1rem
.cowbell-labs
> span
display: none

18
app/templates/index.hbs
View File

@ -10,13 +10,13 @@
{{user-widget user=you}}
</div>
{{/if}}
</main>
<svg class="circles" viewBox="-0.5 -0.5 1140 700">
<circle class="circle" cx="570" cy="570" r="30" stroke="rgba(160,160,160, 1)" />
<circle class="circle" cx="570" cy="570" r="100" stroke="rgba(160,160,160,.9)" />
<circle class="circle" cx="570" cy="570" r="200" stroke="rgba(160,160,160,.8)" />
<circle class="circle" cx="570" cy="570" r="300" stroke="rgba(160,160,160,.7)" />
<circle class="circle" cx="570" cy="570" r="400" stroke="rgba(160,160,160,.6)" />
<circle class="circle" cx="570" cy="570" r="500" stroke="rgba(160,160,160,.5)" />
</svg>
<svg class="circles" viewBox="-0.5 -0.5 1140 700">
<circle class="circle" cx="570" cy="570" r="30" stroke="rgba(160,160,160, 1)" />
<circle class="circle" cx="570" cy="570" r="100" stroke="rgba(160,160,160,.9)" />
<circle class="circle" cx="570" cy="570" r="200" stroke="rgba(160,160,160,.8)" />
<circle class="circle" cx="570" cy="570" r="300" stroke="rgba(160,160,160,.7)" />
<circle class="circle" cx="570" cy="570" r="400" stroke="rgba(160,160,160,.6)" />
<circle class="circle" cx="570" cy="570" r="500" stroke="rgba(160,160,160,.5)" />
</svg>
</main>