Attempt to fix scaling issues on Stages page

This commit is contained in:
kittentm 2026-02-24 08:25:50 +01:00
commit eb40b5cfe3
2 changed files with 16 additions and 18 deletions

View file

@ -26,22 +26,20 @@
<div id="header-container"></div>
<div class="content">
<div class="logo-left-align">
<div id="stage-header-logo">
<img class="bg-layer" src="../assets/en/svg/ui/bg_h1-62e768f2a1ca52f993b5953c78d46bc53b35b70df7f8e13619a982f8f10ab750.svg">
<img class="icon-layer" src="../assets/en/svg/ui/ico_stage-8dbc9e30d2dd9f99f4d1678fe53c4aaada7f7ff43929880a0c9f4e49f148f540.svg">
<img class="label-layer" src="../assets/en/svg/text/menu/tx_stageinfo_wht-5fa41cd0a2c7e72f93cb7ec6821d01af7f5d05e91b9dc16b002197e69fdf9440.svg">
</div>
</div>
<div class="stage-info-text">
Use the stage information to guide your weapon strategy and battle strategy!
</div>
<div class="stages-container" id="stages-container"></div>
<div class="logo-left-align">
<div id="stage-header-logo">
<img class="bg-layer" src="../assets/en/svg/ui/bg_h1-62e768f2a1ca52f993b5953c78d46bc53b35b70df7f8e13619a982f8f10ab750.svg">
<img class="icon-layer" src="../assets/en/svg/ui/ico_stage-8dbc9e30d2dd9f99f4d1678fe53c4aaada7f7ff43929880a0c9f4e49f148f540.svg">
<img class="label-layer" src="../assets/en/svg/text/menu/tx_stageinfo_wht-5fa41cd0a2c7e72f93cb7ec6821d01af7f5d05e91b9dc16b002197e69fdf9440.svg">
</div>
<div class="stage-info-text">
Use the stage information to guide your weapon strategy and battle strategy!
</div>
</div>
<div class="stages-container" id="stages-container"></div>
</div>
<script src="/assets/general.js"></script>
<script src="stages.js"></script>
</body>

View file

@ -49,13 +49,13 @@ body {
.logo-left-align {
display: flex;
flex-direction: row;
align-items: center;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
width: 100%;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 40px;
gap: 20px;
}
#stage-header-logo {
@ -95,14 +95,14 @@ body {
.stage-info-text {
margin: 0;
padding-top: 0px;
padding-top: 20px;
padding-right: 100px;
max-width: 1200px;
text-align: left;
color: white;
font-family: "Regular", sans-serif;
font-size: 24px;
line-height: 1.3;
margin-right: 270px;
}
.stages-container {