Mirrors/go-inbucket
1
0
Fork 0
mirror of https://github.com/jhillyerd/inbucket.git synced 2026-01-05 19:07:02 +00:00
Code Issues Releases Wiki Activity

ui: Add message back/close button for mobile

Browse Source
This commit is contained in:
James Hillyerd
2019-02-09 10:56:40 -08:00
parent 645feeaf85
commit 6724c86181
3 changed files with 76 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
ui/src/main.css
View File

@@ -213,22 +213,30 @@ h3 {
/** BUTTONS */
.button-bar {
display: flex;
}
.button-bar button {
background-color: #337ab7;
background-image: linear-gradient(to bottom, #337ab7 0, #265a88 100%);
border: none;
border-radius: 4px;
color: #fff;
display: inline-block;
font-size: 12px;
font-style: normal;
font-weight: 400;
height: 30px;
margin: 0 4px 0 0;
padding: 5px;
margin: 0;
padding: 5px 10px;
text-align: center;
text-decoration: none;
text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
width: 8em;
}
.button-bar *:not(:last-child) {
margin-right: 4px;
}
.button-bar button.danger {
@@ -236,6 +244,18 @@ h3 {
background-image: linear-gradient(to bottom, #d9534f 0, #c12e2a 100%);
}
.button-bar button.light {
background-color: #eee;
background-image: linear-gradient(to bottom, #f0f0f0 0, #e0e0e0 100%);
color: #000;
}
@media screen and (min-width: 1000px) {
.button-bar button {
width: 8em;
}
}
/** STATUS */
.metric-panel {