Innovation/nightui
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Starting to play around with some panel stuff

Browse source
This commit is contained in:
Innovation 2024-06-11 11:20:17 +01:00
parent ff5a2e51e9
commit e97c2815be
1 changed files with 26 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
src/templates/index.html
View file

@ -153,7 +153,7 @@
} }
/* ------------------------------------- */ /* ------------------------------------- */
/* Below are all center elements - Comms, Popup, and Info */ /* Below are all center elements - Interactions (music, messages, etc), Popup, and Info */
#centerElements { #centerElements {
flex-grow: 2; flex-grow: 2;
@ -162,13 +162,29 @@
/*border: 1px solid #0FF; TODO: Remove this later */ /*border: 1px solid #0FF; TODO: Remove this later */
} }
#commsPanel { /* Interactions panel (music, messages, etc) */
#interactionPanel {
width: 20%; width: 20%;
/*flex-grow: 1;*/ /*flex-grow: 1;*/
margin-left: 2px; margin-left: 2px;
/*border: 1px solid #F00; TODO: Remove this later */ /*border: 1px solid #F00; TODO: Remove this later */
} }
#commsPanel {
width: 100%;
height: 100%;
display: none;
border: 1px solid #00F; /* TODO: Remove this later */
}
#musicPanel {
width: 100%;
height: 100%;
display: none;
border: 1px solid #0F0; /* TODO: Remove this later */
}
#popupPanel { #popupPanel {
flex-grow: 2; flex-grow: 2;
margin-left: 2px; margin-left: 2px;
@ -226,8 +242,14 @@
</div> </div>
</div> </div>
<div id="centerElements"> <div id="centerElements">
<div id="commsPanel"> <div id="interactionPanel">
<!--<p>Comms</p>--> <div id="commsPanel">
<p>Comms</p>
</div>
<div id="musicPanel">
<p>Music</p>
</div>
<!--<p>Interactions</p>-->
</div> </div>
<div id="popupPanel"> <div id="popupPanel">
<!--<p>Popup</p>--> <!--<p>Popup</p>-->