celisej567/gm_construct_port
1
0
Fork 0
mirror of https://github.com/celisej567/gm_construct_port.git synced 2026-09-13 20:12:39 +03:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add files via upload

Browse Source
This commit is contained in:
celisej567
2021-08-05 17:54:51 +03:00
committed by GitHub
parent d58ad89d11
commit 76b55e2a87
57 changed files with 5632 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

177
code/ui/SpawnMenu.scss Normal file
View File

@@ -0,0 +1,177 @@
spawnmenu {
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
margin: 100px;
margin-bottom: 200px;
border-radius: 5px;
pointer-events: none;
transition: all 0.1s ease-out;
position: absolute;
font-family: poppins;
opacity: 0;
.tabs {
font-size: 16px;
flex-shrink: 0;
margin-bottom: 4px;
padding-left: 10px;
button {
padding: 6px 5px;
margin-right: 10px;
font-size: 13px;
align-items: center;
font-weight: 600;
opacity: 0.2;
color: #fff;
cursor: pointer;
//border-radius: 5px;
label {
text-shadow: 1px 1px 4px rgba( black, 0.2 );
}
&:hover {
opacity: 1;
}
&.active {
transform: scale( 1 );
opacity: 1;
color: #fff;
// background-color: #fff;//( #3273eb, 0.2 );
//color: #3273eb;
}
}
}
.left {
flex-grow: 1;
flex-direction: column;
position: relative;
left: -500px;
transition: all 0.3s ease-in;
.body {
border-radius: 10px;
background-color: rgba( #111, 0.7 );
flex-grow: 1;
}
}
.right {
margin-left: 10px;
flex-direction: column;
min-width: 450px;
flex-shrink: 0;
left: 500px;
transition: all 0.3s ease-in;
.body {
// background-color: rgba( #333, 0.95 );
flex-grow: 1;
border-radius: 10px;
background-color: rgba( #111, 0.7 );
padding: 10px;
.toollist {
flex-direction: column;
width: 150px;
color: #aaa;
button {
padding: 3px 10px;
font-size: 11px;
transition: all 0.2s ease-out;
cursor: pointer;
&:hover {
//border-left: 3px solid #3273eb;
color: white;
}
&.active {
//border-left: 5px solid #3273eb;
color: white;
}
}
}
.inspector {
//background-color: rgba( #111, 0.7 );
flex-grow: 1;
margin-left: 5px;
border-radius: 0 3px 3px 0;
}
}
}
}
.spawnmenuopen spawnmenu {
transition: all 0.2s ease-out;
pointer-events: all;
opacity: 1;
transform: scale( 1 );
.left, .right {
left: 0;
transition: all 0.1s ease-out;
}
}
.spawnpage {
display: none;
&.active {
display: flex;
opacity: 1;
}
.canvas {
overflow: scroll;
width: 100%;
flex-grow: 1;
flex-wrap: wrap;
justify-content: space-between;
margin: 10px;
border-radius: 5px;
.cell {
padding: 5px;
}
.icon {
border-radius: 16px;
color: rgba( #fff, 0.5 );
font-size: 12px;
text-align: center;
cursor: pointer;
width: 100%;
height: 100%;
background-position: center;
background-size: cover;
background-color: rgba(black, 0.1);
background-image: url( /entity/spawnicon.png );
label {
font-size: 9px;
position: absolute;
bottom: -17px;
left: 0;
right: 0;
pointer-events: none;
}
&:hover {
color: #fff;
background-color: rgba(black, 0.4);
}
&:active {
}
}
}
}