glax/tranga-website
1
0
Fork 0
mirror of https://github.com/C9Glax/tranga-website.git synced 2025-06-12 14:57:53 +02:00
Code Issues Packages Projects Releases Wiki Activity

Add Basic QueuePopup that opens when clicking in the footer.

Browse Source
This commit is contained in:
glax
2024-10-20 02:09:30 +02:00
parent ca3aa2e8e8
commit d04e0f6374
3 changed files with 161 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
Website/styles/queuePopUp.css Normal file
View File

@ -0,0 +1,70 @@
#QueuePopUp {
position: absolute;
left: 10%;
top: 7.5%;
width: 80%;
height: 80%;
margin: auto;
z-index: 100;
background-color: var(--second-background-color);
border-radius: 10px;
overflow: hidden;
}
#QueuePopUp #QueuePopUpHeader {
position: absolute;
top: 0;
left: 0;
height: 40px;
width: 100%;
background-color: var(--primary-color);
color: var(--accent-color);
}
#QueuePopUp #closeSearch {
position: absolute;
top: 0;
right: 0;
height: 100%;
}
#QueuePopUp #QueuePopUpBody {
position: absolute;
top: 40px;
left: 0;
width: 100%;
height: calc(100% - 40px);
display: flex;
}
#QueuePopUp #QueuePopUpBody > * {
width: 50%;
padding: 20px;
}
#QueuePopUp #QueuePopUpBody h1 {
padding: 0;
margin: 0 0 5px 0;
}
#QueuePopUp #QueuePopUpBody > *:first-child {
border-right: 1px solid var(--primary-color);
}
#QueuePopUp #QueuePopUpBody .JobQueue {
display: flex;
flex-direction: column;
}
.QueueJob {
position: relative;
height: 200px;
}
.QueueJob img{
height: 100%;
}
.QueueJob {
}