mirror of
https://github.com/Grasscutters/GrassClipper.git
synced 2024-11-29 02:27:31 +00:00
path setting button styling
This commit is contained in:
parent
f571ddc370
commit
8c9ca55dae
@ -104,9 +104,15 @@
|
|||||||
|
|
||||||
<div id="bottomBar">
|
<div id="bottomBar">
|
||||||
<div class="bottomSection">
|
<div class="bottomSection">
|
||||||
|
<div>
|
||||||
<button class="smolBtn" onclick="setGenshinImpactFolder()">Set "Genshin Impact Game" folder</button>
|
<button class="smolBtn" onclick="setGenshinImpactFolder()">Set "Genshin Impact Game" folder</button>
|
||||||
<span id="genshinPath" style="margin-top: 4px;"></span>
|
<span id="genshinPath" style="margin-top: 4px;"></span>
|
||||||
</div>
|
</div>
|
||||||
|
<div>
|
||||||
|
<button class="smolBtn" onclick="setGrassCutterFolder()">Set "GrassCutter" folder</button>
|
||||||
|
<span id="serverPath" style="margin-top: 4px;"></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
@ -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 {
|
||||||
|
Loading…
Reference in New Issue
Block a user