Text and icon from fixed sized to scaleable sizes. Thanks to xet7.

This commit is contained in:
Lauri Ojansivu 2025-10-09 02:06:16 +03:00
parent 2f5670e830
commit 9737884c4b
18 changed files with 315 additions and 315 deletions

View file

@ -17,34 +17,34 @@
position: absolute;
}
.setting-content .content-title {
font-size: 20px;
font-size: clamp(16px, 3.5vw, 22px);
}
.setting-content .content-body {
display: flex;
padding-top: 15px;
padding-top: 2vh;
height: 100%;
gap: 10px;
gap: 1.3vw;
}
.setting-content .content-body .side-menu {
background-color: #f7f7f7;
border: 1px solid #f0f0f0;
border-radius: 4px;
width: 250px;
box-shadow: inset -1px -1px 3px rgba(0,0,0,0.05);
border-radius: 0.5vw;
width: min(250px, 32vw);
box-shadow: inset -0.2vh -0.2vh 0.4vh rgba(0,0,0,0.05);
}
.setting-content .content-body .side-menu ul li {
margin: 0.1rem 0.2rem;
margin: 0.2vh 0.3vw;
}
.setting-content .content-body .side-menu ul li.active {
background: #fff;
box-shadow: 0 1px 2px rgba(0,0,0,0.15);
box-shadow: 0 0.2vh 0.3vh rgba(0,0,0,0.15);
}
.setting-content .content-body .side-menu ul li:hover {
background: #fff;
box-shadow: 0 1px 2px rgba(0,0,0,0.15);
box-shadow: 0 0.2vh 0.3vh rgba(0,0,0,0.15);
}
.setting-content .content-body .side-menu ul li a {
padding: 1rem 0 1rem 1rem;
padding: 1.3vh 0 1.3vh 1.3vw;
width: 95%;
}
.setting-content .content-body .side-menu ul li a span {