init
This commit is contained in:
parent
b9ee125c16
commit
4ad99f7037
@ -5,7 +5,7 @@
|
||||
position: absolute;
|
||||
top: 84px;
|
||||
right: 12px;
|
||||
width: 550px;
|
||||
width: 450px;
|
||||
background-color: #000000e7;
|
||||
border-radius: 8px;
|
||||
|
||||
@ -95,7 +95,7 @@
|
||||
top: 50%;
|
||||
bottom: 12px;
|
||||
left: 12px;
|
||||
width: 550px;
|
||||
width: 450px;
|
||||
}
|
||||
}
|
||||
|
||||
@ -153,8 +153,8 @@
|
||||
.legend :global {
|
||||
position: absolute;
|
||||
bottom: 12px;
|
||||
width: calc(100% - 1148px);
|
||||
left: 574px;
|
||||
width: calc(100% - 948px);
|
||||
left: 474px;
|
||||
// height: 40px;
|
||||
|
||||
display: flex;
|
||||
|
@ -47,7 +47,7 @@
|
||||
gap: 12px;
|
||||
|
||||
.left-panel {
|
||||
width: 550px;
|
||||
width: 450px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
@ -55,7 +55,7 @@
|
||||
|
||||
.right-panel {
|
||||
flex: 1;
|
||||
min-width: 550px;
|
||||
min-width: 450px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 12px;
|
||||
|
@ -31,7 +31,7 @@
|
||||
|
||||
.left-panel {
|
||||
min-width: 450px;
|
||||
width: 550px;
|
||||
width: 450px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
|
@ -29,7 +29,7 @@
|
||||
position: absolute;
|
||||
top: 24px;
|
||||
left: 12px;
|
||||
width: 550px;
|
||||
width: 450px;
|
||||
background-color: #00000000;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
@ -20,15 +20,15 @@
|
||||
.nav-bar-first {
|
||||
width: 100%;
|
||||
max-width: 1400px;
|
||||
margin: 100px auto 0;
|
||||
margin: 50px auto 0;
|
||||
color: #fff;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
justify-items: center;
|
||||
grid-gap: 10%;
|
||||
grid-gap: 20px;
|
||||
|
||||
.nav-bar-button {
|
||||
width: 550px;
|
||||
width: 450px;
|
||||
position: relative;
|
||||
@btn-table-color: #04fdfdbd;
|
||||
transition: all 0.3s ease;
|
||||
@ -84,8 +84,8 @@
|
||||
// border-radius: 999px;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
height: 280px;
|
||||
//height: 200px;
|
||||
// height: 280px;
|
||||
height: 200px;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
|
@ -35,7 +35,7 @@
|
||||
top: 84px;
|
||||
left: 12px;
|
||||
bottom: 12px;
|
||||
width: 550px;
|
||||
width: 450px;
|
||||
min-width: 450px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
@ -54,7 +54,7 @@
|
||||
// top: 84px;
|
||||
right: 12px;
|
||||
bottom: 12px;
|
||||
width: 550px;
|
||||
width: 450px;
|
||||
min-width: 450px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
@ -118,8 +118,8 @@
|
||||
.entity-legend {
|
||||
position: absolute;
|
||||
bottom: 140px;
|
||||
width: calc(100% - 1148px);
|
||||
left: 574px;
|
||||
width: calc(100% - 948px);
|
||||
left: 474px;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
grid-gap: 10px;
|
||||
@ -144,8 +144,8 @@
|
||||
.legend {
|
||||
position: absolute;
|
||||
bottom: 12px;
|
||||
width: calc(100% - 1148px);
|
||||
left: 574px;
|
||||
width: calc(100% - 948px);
|
||||
left: 474px;
|
||||
// height: 40px;
|
||||
|
||||
display: flex;
|
||||
|
@ -1 +1 @@
|
||||
@font-32: 28px;
|
||||
@font-32: 24px;
|
||||
|
Loading…
x
Reference in New Issue
Block a user