statbate/layout
1
0
Fork 0
mirror of https://github.com/statbate/layout.git synced 2026-08-11 03:12:42 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

update

Browse source
This commit is contained in:
poiuty 2023-06-14 18:21:37 +03:00
parent 4d505b0a10
commit 72a7be5c13
9 changed files with 113 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

7
css/bootstrap.min.css vendored
View file

File diff suppressed because one or more lines are too long

2
css/bootstrap.min.css.map
View file

File diff suppressed because one or more lines are too long

38
css/statbate.css
View file

@ -142,6 +142,38 @@ body {
border-bottom: none;
}
.content_nav {
padding-top: 12px;
}
.nav-tabs .nav-link {
color: black;
}
.nav-link {
padding: 0.5rem 0.9rem;
}
.dropdown-toggle {
width: 100%;
}
.btn-dark {
background-color: #343a40;
border-color: #343a40;
}
.dropdown-item.active, .dropdown-item:active {
color: black;
text-decoration: none;
background-color: transparent;
}
.dropdown-menu.show {
transform: translate3d(0px, 38px, 0px);
inset: 0px auto auto 0px;
}
.footer {
margin-top: 12px;
}
@ -179,6 +211,7 @@ body {
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2);
opacity: 0.5;
}
.content_nav_mobile,
.header_mobile_nav,
.header_mobile {
display: none;
@ -259,6 +292,7 @@ body {
@media (max-width: 805px) {
.income_chart,
.content_nav,
.header {
display: none;
}
@ -268,6 +302,10 @@ body {
border-radius: 8px;
display: block;
}
.content_nav_mobile {
display: block;
}
.content_center {
flex-direction: column-reverse;
padding-top: 0;

63
index.html
View file

@ -92,6 +92,67 @@
</table>
</div>
</div>
<div class="content_nav">
<ul class="nav nav-tabs justify-content-center" id="nav-tab" role="tablist">
<li class="nav-item">
<button class="nav-link active" id="cams-tab" data-bs-toggle="tab" role="tab" data-bs-target="#cams" aria-controls="cams" aria-selected="true">Rooms</button>
</li>
<li class="nav-item">
<button class="nav-link" id="dons-tab" data-bs-toggle="tab" role="tab" data-bs-target="#dons" aria-controls="dons" aria-selected="false">Donators</button>
</li>
<li class="nav-item">
<button class="nav-link" id="boys-tab" data-bs-toggle="tab" role="tab" data-bs-target="#boys" aria-controls="boys" aria-selected="false">Boys</button>
</li>
<li class="nav-item">
<button class="nav-link" id="trans-tab" data-bs-toggle="tab" role="tab" data-bs-target="#trans" aria-controls="trans" aria-selected="false">Trans</button>
</li>
<li class="nav-item">
<button class="nav-link" id="couple-tab" data-bs-toggle="tab" role="tab" data-bs-target="#couple" aria-controls="couple" aria-selected="false">Couple</button>
</li>
<li class="nav-item">
<button class="nav-link" id="incomeCharts-tab" data-bs-toggle="tab" role="tab" data-bs-target="#incomeCharts" aria-controls="incomeCharts" aria-selected="false">Income</button>
</li>
<li class="nav-item">
<button class="nav-link" id="roomsCharts-tab" aria-invalid="roomsCharts" data-bs-toggle="tab" role="tab" data-bs-target="#roomsCharts" aria-controls="roomsCharts" aria-selected="false">Streamers</button>
</li>
<li class="nav-item">
<button class="nav-link" id="viewersCharts-tab" data-bs-toggle="tab" role="tab" data-bs-target="#viewersCharts" aria-controls="viewersCharts" aria-selected="false">Viewers</button>
</li>
<li class="nav-item">
<button class="nav-link" id="heatmap-tab" data-bs-toggle="tab" role="tab" data-bs-target="#heatmap" aria-controls="heatmap" aria-selected="false">Heat map</button>
</li>
</ul>
</div>
<div class="content_nav_mobile">
<div class="dropdown select-tab">
<button class="col btn btn-dark dropdown-toggle" type="button" id="dropdownMenuButton" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Rooms
</button>
<div class="dropdown-menu nav nav-tabs collapse" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item" href="#cams" data-bs-toggle="tab" role="tab" aria-controls="cams" aria-selected="false">Rooms</a>
<a class="dropdown-item" href="#dons" data-bs-toggle="tab" role="tab" aria-controls="dons" aria-selected="false">Donators</a>
<a class="dropdown-item" href="#boys" data-bs-toggle="tab" role="tab" aria-controls="boys" aria-selected="false">Boys</a>
<a class="dropdown-item" href="#trans" data-bs-toggle="tab" role="tab" aria-controls="trans" aria-selected="false">Trans</a>
<a class="dropdown-item" href="#couple" data-bs-toggle="tab" role="tab" aria-controls="couple" aria-selected="false">Couple</a>
<a class="dropdown-item" href="#incomeCharts" data-bs-toggle="tab" role="tab" aria-controls="incomeCharts" aria-selected="false">Income</a>
<a class="dropdown-item" href="#roomsCharts" data-bs-toggle="tab" role="tab" aria-controls="roomsCharts" aria-selected="false">Streamers</a>
<a class="dropdown-item" href="#viewersCharts" data-bs-toggle="tab" role="tab" aria-controls="viewers-charts" aria-selected="false">Viewers</a>
<a class="dropdown-item" href="#heatmap" data-bs-toggle="tab" role="tab" aria-controls="heatmap" aria-selected="false">Heat map</a>
</div>
</div>
</div>
<div class="tab-content">
<div aria-labelledby="cams-tab" role="tabpanel active" class="tab-pane fade active show" id="cams">
Rooms
</div>
<div aria-labelledby="dons-tab" role="tabpanel" class="tab-pane fade" id="dons">
Dons
</div>
</div>
</div>
<!-- content end -->
@ -123,7 +184,7 @@
<script src="./js/jquery-3.7.0.min.js"></script>
<script src="./js/d3.min.js"></script>
<script src="./js/metricsgraphics.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script src="./js/bootstrap.bundle.min.js"></script>
<script src="./js/simplebar.js"></script>
<script src="./js/statbate.js"></script>

7
js/bootstrap.bundle.min.js vendored Normal file
View file

File diff suppressed because one or more lines are too long

1
js/bootstrap.bundle.min.js.map Normal file
View file

File diff suppressed because one or more lines are too long

7
js/bootstrap.min.js vendored
View file

File diff suppressed because one or more lines are too long

1
js/bootstrap.min.js.map
View file

File diff suppressed because one or more lines are too long

2
js/statbate.js
View file

@ -66,8 +66,6 @@ function printWsText(text) {
message = text;
console.log(mobile);
if(window.innerWidth > 805){
message = '[' + time + '] ' + message;
}