path setting button styling

This commit is contained in:
SpikeHD 2022-04-22 19:30:44 -07:00
parent f571ddc370
commit 8c9ca55dae
2 changed files with 21 additions and 3 deletions

View File

@ -104,8 +104,14 @@
<div id="bottomBar"> <div id="bottomBar">
<div class="bottomSection"> <div class="bottomSection">
<button class="smolBtn" onclick="setGenshinImpactFolder()">Set "Genshin Impact Game" folder</button> <div>
<span id="genshinPath" style="margin-top: 4px;"></span> <button class="smolBtn" onclick="setGenshinImpactFolder()">Set "Genshin Impact Game" folder</button>
<span id="genshinPath" style="margin-top: 4px;"></span>
</div>
<div>
<button class="smolBtn" onclick="setGrassCutterFolder()">Set "GrassCutter" folder</button>
<span id="serverPath" style="margin-top: 4px;"></span>
</div>
</div> </div>
</div> </div>
</body> </body>

View File

@ -281,9 +281,21 @@ body {
.bottomSection { .bottomSection {
display: flex; display: flex;
flex-direction: column; flex-direction: row;
height: 100%; height: 100%;
width: 100%;
background: #141414; background: #141414;
justify-content: space-evenly;
}
.bottomSection div {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background: #141414;
margin: 4px;
height: 10%;
} }
#genshinPath { #genshinPath {