需求:
因为对前端不熟悉,且网上资源实在匮乏;
该文的<已有示例参考>暂不符合本人的审美,也不够美观;
故寻求好看的自定义SuperSet CSS模板或者有关SuperSet CSS的参考网址。
使用组件:
SuperSet-0.38.0
(跟版本无关,只是声明一下)
已有示例参考:
body {
background-color: #fff;
background: url(/static/assets/images/bgdemo04.png);
background-repeat:repeat;
}
header {
border-bottom: 2px solid #eee;
}
.dashboard{
/*padding:50px 50px;*/
}
.dashboard-header{
background: url(/static/assets/images/bgdemo04.png);
/*text-align:center;*/
}
.dragdroppable{
/*margin: 0px 0px 0px;*/
/*padding:0px 0px;*/
}
.header{
text-align:center;
background:url(/static/assets/images/bgdemo04.png);
color:#00BFFF;
weight:500;
padding-left:5px;
padding-right:5px;
padding-top:1px;
padding-bottom:1px;
border-radius:5px;
margin-left:15%;
box-shadow:2px 2px 4px black;
font-size:15px;
width:70%;
}
.navbar {
margin-bottom: 0;
display:none
}
/*.slice_container loading floating css-z7sgle{*/
/* display: none;*/
/*}*/
img{
display: none;
}
/* 条件搜索区域样式 */
/*.widget.filter_box .slice_container.filter_box .scrollbar-content {*/
/* display: flex;*/
/* flex-wrap: wrap;*/
/*}*/
/*.widget.filter_box .slice_container.filter_box .scrollbar-content > div {*/
/* margin-right: 10px;*/
/*}*/
/*.widget.filter_box .slice_container.filter_box .scrollbar-content .m-b-5 {*/
/* 下拉框 */
/* flex: 1;*/
/* min-width: 200px;*/
/* max-width: 400px;*/
/*}*/
/*.Select-multi-value-wrapper {*/
/* max-height: 150px;*/
/* overflow-y: auto; */
/*}*/
/*.widget.filter_box .slice_container.filter_box .scrollbar-content .row.space-1 {*/
/* 日期框 */
/* min-width: 300px;*/
/*}*/
/*.widget.filter_box .slice_container.filter_box .scrollbar-content .row.space-1 > div {*/
/* padding-right: 0;*/
/*}*/
/*.widget.filter_box .slice_container.filter_box .scrollbar-content .row.space-1 .ControlHeader {*/
/* line-height: 1;*/
/*}*/
/*.widget.filter_box .slice_container.filter_box .scrollbar-content .row.space-1 .ControlHeader + .label {*/
/* display: block;*/
/* margin-top: 1px;*/
/* padding-top: 0;*/
/* padding-bottom: 0;*/
/* height: 32px;*/
/* line-height: 30px;*/
/* border-radius: 4px;*/
/*}*/
/*.widget.filter_box .slice_container.filter_box .scrollbar-content .Select .Select-control .Select-value {*/
/* word-wrap: break-word;*/
/* word-break: break-all;*/
/*}*/
/*.widget.filter_box .slice_container.filter_box .scrollbar-content button {*/
/* align-self: flex-end;*/
/* height: 32px;*/
/* margin-bottom: 10px;*/
/* font-size: 14px;*/
/* font-weight: bolder;*/
/*}*/
/* 表格样式 */
.dashboard-component-chart-holder{
background: url(/static/assets/images/bgdemo04.png);
/*z-index:20;*/
/*opacity:0.5;*/
/*margin: 0px 0px 0px;*/
/*padding-top:0px;*/
/*padding-left:0px;*/
/*padding-right:0px;*/
/*z-index:-1;*/
/*opacity:5;*/
}
.chart-container {
margin: 0px 0 0;
/*background: url(/static/assets/images/bgdemo02.png);*/
text-align:center;
color:#1E90FF;
/*font-weight:bolder;*/
}
.table .table {
background-color: transparent;
}
.dataframe.table th,
.dataframe.table td {
vertical-align: middle;
text-align: center;
}
.dataframe.table tr > th {
min-width: 100px;
padding-right: 16px !important;
}
.dataframe.table tr > td {
padding: 5px 8px !important;
}
/*.css-95m6h7{*/
/*background: url(/static/assets/images/bgdemo02.png);*/
/* padding-left:-100px;*/
/*}*/