kieran-mcauliffe/healing-soundscapes
2
0
Fork 1
Code Issues 10 Pull Requests Actions Packages Projects Releases Wiki Activity

max-width for navigations

Browse Source
This commit is contained in:
Eveline-97 2025-04-08 14:08:34 +02:00
parent ba3492d78f
commit 1cf194acce
1 changed files with 18 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
ui-style.css
View File

@ -31,8 +31,9 @@ input[type=text] {
flex-flow: row nowrap; flex-flow: row nowrap;
justify-content: space-around; justify-content: space-around;
position: relative; position: relative;
margin: auto;
width: 100vw; width: 100vw;
max-width: 800px;
margin: 0 auto;
} }
#navPlayers>button { #navPlayers>button {
@ -44,6 +45,14 @@ input[type=text] {
color: var(--active); color: var(--active);
} }
/*centers navigations*/
/*
#forms, #expertDIV {
width: 100%;
margin: 0 auto;
}
*/
.menu { .menu {
background-color: var(--background); background-color: var(--background);
border: 1px solid var(--active); border: 1px solid var(--active);
@ -74,7 +83,8 @@ input[type=text] {
border-radius: 25px; border-radius: 25px;
} }
.but:hover, .but:active { .but:hover,
.but:active {
background-color: var(--nonactive); background-color: var(--nonactive);
color: var(--active) !important; color: var(--active) !important;
} }
@ -104,7 +114,8 @@ input[type=text] {
overflow: hidden; overflow: hidden;
} }
.slider:hover, .slider:active { .slider:hover,
.slider:active {
opacity: 1; opacity: 1;
} }
@ -182,8 +193,8 @@ input[type='checkbox']:checked:after {
/*System page*/ /*System page*/
#proceedbutton { #proceedbutton {
background-color: var(--background)!important; background-color: var(--background) !important;
color: red!important; color: red !important;
border: 1px solid red; border: 1px solid red;
} }
@ -193,7 +204,8 @@ input[type='checkbox']:checked:after {
color: white !important; color: white !important;
} }
#versionbutton, #cancelbutton { #versionbutton,
#cancelbutton {
background-color: var(--background) !important; background-color: var(--background) !important;
} }