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 16:21:39 +03:00
parent b92dd2968c
commit fa0ef08e6f
2 changed files with 88 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

57
css/statbate.css
View file

@ -74,6 +74,54 @@ body {
border-bottom: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6;
} }
.content_center {
border-bottom: 1px solid #dee2e6;
padding-top: 12px;
padding-bottom: 12px;
display: flex;
grid-gap: 12px;
}
.content_wslog {
width: 468px;
height: 150px;
background-color: #efefef;
border-radius: 4px;
}
.content_table {
width: 265px;
}
.fin_table {
width: 100%;
height: 150px;
text-align: center;
border-spacing: 0;
border-collapse: separate;
border: 1.5px solid #dee2e6;
border-radius: 4px;
}
.fin_table th {
padding: 4px 0px;
font-weight: normal;
border-bottom: 1.5px solid #dee2e6;
}
.fin_table td {
padding: 5px 25px;
border-bottom: 1.5px solid #dee2e6;
}
.fin_table td:last-child {
border-left: 1.5px solid #dee2e6;
}
.fin_table tr:last-child td {
border-bottom: none;
}
.footer { .footer {
margin-top: 12px; margin-top: 12px;
} }
@ -177,7 +225,6 @@ body {
text-decoration: none; text-decoration: none;
} }
.color_first { .color_first {
background-color: #dfdfdf; background-color: #dfdfdf;
} }
@ -201,6 +248,14 @@ body {
border-radius: 8px; border-radius: 8px;
display: block; display: block;
} }
.content_center {
flex-direction: column-reverse;
padding-top: 0;
}
.content_wslog,
.content_table {
width: 100%;
}
} }
@media (any-hover: hover) { @media (any-hover: hover) {

36
index.html
View file

@ -55,14 +55,42 @@
</div> </div>
<!-- header mobile end --> <!-- header mobile end -->
<!-- content start -->
<div class="content"> <div class="content">
<div class="income_chart"></div> <div class="income_chart"></div>
<div class="content_center">
<div class="content_wslog"></div>
<div class="content_table">
<table class="fin_table">
<tbody>
<tr>
<th colspan="2">Statistics for the last month</th>
</tr>
</tbody>
<tbody>
<tr>
<td>Income</td>
<td>$21,927,125</td>
</tr>
<tr>
<td>Average</td>
<td>$1116</td>
</tr>
<tr>
<td>Average tip</td>
<td>$0.91</td>
</tr>
<tr>
<td>One token</td>
<td>$0.05</td>
</tr>
</tbody>
</table>
</div>
</div>
</div> </div>
<!-- content end -->
<!-- footer start --> <!-- footer start -->
<div class="footer"> <div class="footer">