Mirror/filebrowser
1
0
Fork 0
mirror of https://github.com/filebrowser/filebrowser.git synced 2024-06-07 23:00:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

aesthetical changes

Browse Source
This commit is contained in:
Henrique Dias 2016-02-08 20:44:44 +00:00
parent 64ae8d74c2
commit 44bda43792
2 changed files with 56 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
assets/css/main.min.css vendored
View File

File diff suppressed because one or more lines are too long

57
assets/src/css/main.css
View File

@ -224,6 +224,7 @@ input[type="submit"] {
font-weight: normal; font-weight: normal;
background-color: #FFEB3B; background-color: #FFEB3B;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.12);
-webkit-transition: .5s ease background-color;
transition: .5s ease background-color; transition: .5s ease background-color;
} }
@ -256,14 +257,26 @@ button.add {
background-color: #8BC34A; background-color: #8BC34A;
} }
button.add:hover {
background-color: #689F38;
}
button.delete { button.delete {
background-color: #F44336; background-color: #F44336;
} }
button.delete:hover {
background-color: #D32F2F;
}
button.rename { button.rename {
background-color: #1565C0; background-color: #1565C0;
} }
button.rename:hover {
background-color: #0D47A1;
}
.frontmatter > .actions { .frontmatter > .actions {
margin-top: 0; margin-top: 0;
text-align: right; text-align: right;
@ -461,6 +474,11 @@ fieldset input {
.browse tr { .browse tr {
line-height: 2em; line-height: 2em;
border-bottom: 1px solid rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.03);
transition: .2s ease background-color;
}
.browse tr:hover {
background-color: rgba(0,0,0,0.04);
} }
.browse th.buttons { .browse th.buttons {
@ -507,7 +525,8 @@ fieldset input {
width: 95%; width: 95%;
top: 10%; top: 10%;
left:50%; left:50%;
transform: translateX(-50%); -webkit-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #006064; background-color: #006064;
color: #fff; color: #fff;
padding: 1em 2em; padding: 1em 2em;
@ -519,7 +538,21 @@ fieldset input {
border-bottom: .15em solid white; border-bottom: .15em solid white;
} }
@media screen and (max-width: 900px) {
.blocks {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
}
@media screen and (max-width: 600px) { @media screen and (max-width: 600px) {
.blocks {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
body > nav span { body > nav span {
display: none; display: none;
} }
@ -527,10 +560,30 @@ fieldset input {
margin-left: 0; margin-left: 0;
} }
body > nav .container { body > nav .container {
justify-content: space-between; -webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: center; text-align: center;
} }
.hideable { .hideable {
display: none; display: none;
} }
} }
@media screen and (max-width: 350px) {
.blocks {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
.browse .actions {
text-align: center;
}
.browse .actions .container {
display: block;
}
.browse .container .go-right {
display: block;
}
}