survey/templates/panel/main.scss

96 lines
2.0 KiB
SCSS

/*
* Copyright (C) 2021 Aravinth Manivannan <realaravinth@batsense.net>
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU Affero General Public License as
* published by the Free Software Foundation, either version 3 of the
* License, or (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Affero General Public License for more details.
*
* You should have received a copy of the GNU Affero General Public License
* along with this program. If not, see <https://www.gnu.org/licenses/>.
*/
@import "./nav/main.scss";
@import "../components/button";
.panel__body {
width: 100vw;
min-height: 100vh;
}
.panel__container {
width: 80%;
align-items: center;
margin: auto;
margin-top: 50px;
display: flex;
flex-direction: column;
}
.link__btn {
@include button;
margin: 0px 5px;
padding: 0.3rem 0.3rem;
padding-bottom: 0.2rem;
}
.btn {
@include button;
}
table {
border-collapse: collapse;
caption-side: bottom;
border-color: #e9ecef;
text-align: center;
min-width: 50%;
margin: 20px auto;
}
table > thead {
vertical-align: bottom;
border-bottom: 1px solid #cdc8ca;
text-align: center;
}
table {
th {
text-align: center;
}
td {
margin: auto;
padding: 10px;
border-bottom: 1px solid #edddd1;
}
}
.asset__container {
margin: 10px auto;
}
.asset__name {
font-weight: bold;
}
.asset__value {
margin: 10px 0;
display: inline;
width: auto;
word-wrap: break-word;
overflow-wrap: break-word;
font-family: monospace, monospace;
background-color: #f2f2f2;
padding: 0.125rem 0.25rem;
margin: 0 0.25rem;
border-radius: 3px;
font-size: 1em;
color: #1a1a1a;
overflow-x: auto;
white-space: pre;
}