Skip to content

Commit

Permalink
add responsive styling to look correct on desktop
Browse files Browse the repository at this point in the history
  • Loading branch information
barelyknown committed Dec 21, 2015
1 parent 193aed2 commit d2715da
Show file tree
Hide file tree
Showing 2 changed files with 24 additions and 6 deletions.
23 changes: 20 additions & 3 deletions app/styles/app.css
Original file line number Diff line number Diff line change
Expand Up @@ -33,14 +33,28 @@ body {
height: 100%;
padding: 0;
margin: 0;
background-color: #e5dbd0;
}

body > .ember-view {
height: 100%;
}

#little-professor {
position: relative;
height: 100%;
min-width: 320px;
min-height: 480px;
}

@media screen and (min-width: 540px) {
#little-professor {
margin-top: 20px;
width: 375px;
height: 667px;
margin-left: auto;
margin-right: auto;
}
}

#main {
Expand Down Expand Up @@ -109,11 +123,14 @@ button {
}

#product-name {
font-family: sans-serif;
font-size: 14px;
position: absolute;
bottom: 10px;
bottom: 8px;
text-align: center;
width: 80%;
font-weight: bold;
width: 100%;
font-weight: normal;
color: white;
}

.button-label {
Expand Down
7 changes: 4 additions & 3 deletions app/templates/application.hbs
Original file line number Diff line number Diff line change
Expand Up @@ -62,9 +62,10 @@
{{labeled-button value='+' label=(format-operator '+') onPress=(action 'changeOperator')}}
</div>

<div id="product-name">
Little Professor &#8482;
</div>
</div>
</div>

<div id="product-name">
Little Professor &#8482;
</div>
</div>

0 comments on commit d2715da

Please sign in to comment.