GithubFollow/One-KVM
1
0
Fork 0
mirror of https://github.com/mofeng-git/One-KVM.git synced 2026-01-29 09:01:54 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

refactoring

Browse Source
This commit is contained in:
Devaev Maxim
2020-07-18 10:51:20 +03:00
parent 325bf6b587
commit 6bd4fc769f
5 changed files with 125 additions and 106 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
web/share/css/kvm/about.css
View File

@@ -41,13 +41,6 @@ div#about td.copyright {
font-size: 0.8em;
}
div#about div#about-meta, div#about-hw, div#about-version, div#about-thanks {
div#about div.tabs div.tab div.code {
height: 250px;
}
#about-tab-meta-button:checked~#about-tab-meta-content,
#about-tab-hw-button:checked~#about-tab-hw-content,
#about-tab-version-button:checked~#about-tab-version-content,
#about-tab-thanks-button:checked~#about-tab-thanks-content {
display: block;
}

29
web/share/css/tabs.css
View File

@@ -20,28 +20,45 @@
*****************************************************************************/
div.tabs>input[type="radio"] {
div.tabs {
display: flex;
flex-wrap: wrap;
}
div.tabs input[type="radio"] {
display: none;
}
div.tabs>div {
div.tabs div.tab {
order: 99;
display: none;
border: var(--border-default-thin);
padding: 10px 10px;
width: 100%;
}
div.tabs>label {
display: inline-block;
div.tabs label {
order: 1;
display: block;
text-align: center;
vertical-align: middle;
user-select: none;
border: var(--border-default-thin);
border-top: var(--border-default-thin);
border-left: var(--border-default-thin);
padding: 4px 8px;
cursor: pointer;
position: relative;
top: 1px;
}
div.tabs>input[type="radio"]:checked+label {
div.tabs label:last-of-type {
border-right: var(--border-default-thin);
}
div.tabs input[type="radio"]:checked+label {
background-color: var(--cs-control-default-bg);
}
div.tabs input[type="radio"]:checked+label+.tab {
display: block;
}