Mirror/filesafe
1
0
Fork 0
mirror of https://github.com/BobbyWibowo/lolisafe.git synced 2025-01-19 09:41:33 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Updated dashboard

Browse Source 
Updated styling so that table cells will no longer wrap its content to new lines. Its container will still allow users to scroll to left and right, so this works better than forcing a minimum width.
This commit is contained in:
Bobby Wibowo 2018-03-31 21:32:27 +07:00
parent ab1d8907c3
commit ceda9e67f7
No known key found for this signature in database
GPG Key ID: 51C3A1E1E22D26CF
2 changed files with 33 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
pages/dashboard.html
View File

@ -13,7 +13,7 @@
<link rel="stylesheet" type="text/css" href="libs/bulma/bulma.min.css?v=8FbubjpYRC"> <link rel="stylesheet" type="text/css" href="libs/bulma/bulma.min.css?v=8FbubjpYRC">
<link rel="stylesheet" type="text/css" href="libs/fontello/fontello.css?v=qXMCPUL26R"> <link rel="stylesheet" type="text/css" href="libs/fontello/fontello.css?v=qXMCPUL26R">
<link rel="stylesheet" type="text/css" href="css/style.css?v=vZEyc9zyh6"> <link rel="stylesheet" type="text/css" href="css/style.css?v=vZEyc9zyh6">
<link rel="stylesheet" type="text/css" href="css/dashboard.css?v=qXMCPUL26R"> <link rel="stylesheet" type="text/css" href="css/dashboard.css?v=kCjupdRSXT">
<script type="text/javascript" src="libs/sweetalert/sweetalert.min.js?v=8FbubjpYRC"></script> <script type="text/javascript" src="libs/sweetalert/sweetalert.min.js?v=8FbubjpYRC"></script>
<script type="text/javascript" src="libs/axios/axios.min.js?v=8FbubjpYRC"></script> <script type="text/javascript" src="libs/axios/axios.min.js?v=8FbubjpYRC"></script>
<script type="text/javascript" src="libs/clipboard.js/clipboard.min.js?v=8FbubjpYRC"></script> <script type="text/javascript" src="libs/clipboard.js/clipboard.min.js?v=8FbubjpYRC"></script>

70
public/css/dashboard.css
View File

@ -69,46 +69,10 @@ html {
color: #bdc3c7; color: #bdc3c7;
} }
.table {
color: #bdc3c7;
background-color: #31363b;
}
.table tr:hover,
.table.is-striped tbody tr:nth-child(2n) {
background: none;
}
.table.is-striped tbody tr:hover,
.table.is-striped tbody tr:nth-child(2n):hover,
.tag {
background-color: #4d4d4d;
}
.table thead td,
.table thead th {
color: #eff0f1;
background-color: #ff3860;
}
.table th {
color: #eff0f1;
height: 2.25em;
}
.table td,
.table th {
border: 0;
}
.menu-list li ul { .menu-list li ul {
border-left-color: #898b8d; border-left-color: #898b8d;
} }
.table {
font-size: .75rem;
}
.image-container { .image-container {
display: flex; display: flex;
width: 200px; width: 200px;
@ -196,6 +160,36 @@ html {
overflow-x: auto; overflow-x: auto;
} }
.table-container > table { .table {
min-width: 650px; color: #bdc3c7;
background-color: #31363b;
font-size: .75rem;
}
.table tr:hover,
.table.is-striped tbody tr:nth-child(2n) {
background: none;
}
.table.is-striped tbody tr:hover,
.table.is-striped tbody tr:nth-child(2n):hover,
.tag {
background-color: #4d4d4d;
}
.table thead td,
.table thead th {
color: #eff0f1;
background-color: #ff3860;
}
.table th {
color: #eff0f1;
height: 2.25em;
}
.table td,
.table th {
border: 0;
white-space: nowrap;
} }