mirror of
https://github.com/flarum/framework.git
synced 2024-11-25 00:23:13 +08:00
1ef9217f4d
Currently not user-customizable. Just needed to display statistics for a client, so figured I'd make a start at this. Nothing too fancy for now, but I'm sure some people will be happy to have this information at their fingertips.
83 lines
1.2 KiB
Plaintext
83 lines
1.2 KiB
Plaintext
.DashboardPage {
|
|
background: @control-bg;
|
|
color: @control-color;
|
|
min-height: 100vh;
|
|
|
|
@media @desktop-up {
|
|
.container {
|
|
padding: 30px;
|
|
margin: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
.Widget {
|
|
background: @body-bg;
|
|
color: @text-color;
|
|
border-radius: @border-radius;
|
|
padding: 20px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.StatusWidget {
|
|
color: @muted-color;
|
|
|
|
> ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style-type: none;
|
|
|
|
> li {
|
|
display: inline-block;
|
|
margin-right: 30px;
|
|
vertical-align: middle;
|
|
|
|
&[class^="item-version-"] {
|
|
max-width: 100px;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
&.item-help {
|
|
float: right;
|
|
margin-right: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.StatisticsWidget {
|
|
td {
|
|
font-size: 14px;
|
|
}
|
|
td, th {
|
|
padding: 5px 20px 5px 0;
|
|
text-align: left;
|
|
font-weight: normal;
|
|
border-bottom: 1px solid @control-bg;
|
|
}
|
|
tbody tr:last-child {
|
|
td, th {
|
|
border-bottom: 0;
|
|
}
|
|
}
|
|
th {
|
|
color: @muted-color;
|
|
}
|
|
thead th {
|
|
font-weight: bold;
|
|
}
|
|
}
|
|
.StatisticsWidget-total {
|
|
td, th {
|
|
font-weight: bold;
|
|
}
|
|
}
|
|
@media @tablet-up {
|
|
.StatisticsWidget {
|
|
td, th {
|
|
min-width: 120px;
|
|
}
|
|
}
|
|
}
|