3648a29d71
-images can now be removed from the menu as-well as added -ensured only one upload window can be open at once some other things have been done but these are one second branch
99 lines
1.1 KiB
CSS
99 lines
1.1 KiB
CSS
body, html
|
|
{
|
|
background-color: transparent;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
button{
|
|
background-color: transparent;
|
|
border: 3px solid black;
|
|
}
|
|
|
|
.Button
|
|
{
|
|
background-color: lightgray;
|
|
font-size: 4rem;
|
|
}
|
|
|
|
.Label
|
|
{
|
|
font-size: 4rem;
|
|
}
|
|
.Button:hover
|
|
{
|
|
background-color: gray;
|
|
}
|
|
|
|
.FullPage
|
|
{
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.NoGrabHighlight
|
|
{
|
|
background-color: white;
|
|
}
|
|
|
|
.InRangeHighlight
|
|
{
|
|
background-color: lightblue;
|
|
}
|
|
|
|
.GrabbedHighlight
|
|
{
|
|
background-color: blue;
|
|
}
|
|
|
|
.imageMenuButton{
|
|
height: 100%;
|
|
width: 100%; /*things to try: max width?*/
|
|
box-sizing:border-box;
|
|
|
|
}
|
|
|
|
.imageMenuButtonContainer{
|
|
width : 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.imageMenuDeleteButton{
|
|
font-size: 2rem;
|
|
}
|
|
|
|
.imageMenuImage{
|
|
object-fit: cover;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.imageMenuContainer{
|
|
display: grid;
|
|
grid-template-columns: 20vw 20vw 20vw 20vw;
|
|
gap: 4vw;
|
|
margin-left: 4vw;
|
|
}
|
|
|
|
.displayedImage{
|
|
width: 90%;
|
|
height: auto;
|
|
bottom: 0px;
|
|
|
|
text-align: center;
|
|
}
|
|
|
|
.imageDisplayButton{
|
|
font-size: 3rem;
|
|
}
|
|
|
|
#noImageText{
|
|
font-size: 3rem;
|
|
color: grey;
|
|
background-color: white;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
#uploadButton{
|
|
font-size: 3rem;
|
|
margin-top: 5vh;
|
|
}
|