openwrt-firmware-selector/src/containers/home/home.scss
Sudhanshu Gautam 7cab0bfeb5 adds more display information and advanced section
Basic device information is added to be displayed along with the
download buttons. Additionally, a warning432 message will be
displayed if the size of the image is less than 4000k.
New interface for customized image building with a custom selection
of packages.

Signed-off-by: Sudhanshu Gautam <me@sudhanshug.com>
2019-07-08 20:02:05 +05:30

68 lines
1.6 KiB
SCSS

.home-container {
margin-top: 30px;
.home-container-paper {
padding: 30px;
text-align: left;
.warning-432 {
background-color: #f0f0f0;
padding: 10px;
margin-top: 20px;
border: 1px solid #e3e3e3;
color: #666;
.icon {
margin: 0 20px 0 10px;
color: #F9A825
}
}
.device-info {
margin-bottom: 15px;
}
.search-label {
background-color: #fff;
padding: 0 10px;
position: absolute;
white-space: nowrap;
}
.search-results {
position: absolute;
z-index: 10;
}
.MuiTypography-h4 {
font-weight: bold;
margin-bottom: 15px;
}
.download-button {
margin-right: 10px;
.download-icon {
margin-right: 10px;
}
}
.advanced-settings {
border: 1px solid #999;
background-color: #f0f0f0;
border-radius: 6px;
margin-top: 20px;
overflow: hidden;
margin-bottom: 20px;
.icon {
font-size: 1em;
vertical-align: text-top;
}
.options {
padding-top: 30px;
background-color: #fff;
}
}
}
}
.device-table {
margin-top: 20px;
width: 100%;
td {
padding: 20px 30px;
}
tr:nth-child(odd) {
background-color: rgba(104, 74, 238, 0.07);
}
}