57 lines
No EOL
1.1 KiB
CSS
57 lines
No EOL
1.1 KiB
CSS
#main-header {
|
|
flex-direction: row;
|
|
align-items: stretch;
|
|
|
|
background: radial-gradient(black, transparent 50%);
|
|
background-size: 40rem 20rem;
|
|
background-repeat: no-repeat;
|
|
background-position: -15rem -10rem;
|
|
}
|
|
|
|
body {
|
|
display: grid;
|
|
grid-template-columns: min-content 1fr;
|
|
grid-template-rows: min-content 1fr min-content;
|
|
max-height: 100vh;
|
|
column-gap: 10px;
|
|
}
|
|
|
|
body > #main-header {
|
|
grid-column: 1 / 3;
|
|
grid-row: 1;
|
|
z-index: 100;
|
|
}
|
|
|
|
body > #result-panel-dialog {
|
|
grid-column: 1;
|
|
grid-row: 1 / 4;
|
|
padding-top: calc(clamp(2rem, 10vh, 5rem) + 45px);
|
|
}
|
|
|
|
body > #search-section {
|
|
grid-column: 2;
|
|
grid-row: 3;
|
|
}
|
|
|
|
#result-panel-dialog {
|
|
box-sizing: border-box;
|
|
width: 35vw;
|
|
min-width: 200px;
|
|
max-height: 100vh;
|
|
height: min-content;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
background: transparent;
|
|
align-self: flex-end;
|
|
|
|
pointer-events: none;
|
|
}
|
|
|
|
#result-panel-dialog > * {
|
|
pointer-events: all;
|
|
}
|
|
|
|
#result-panel {
|
|
border-image: url("../assets/neon-border-image-corner.svg") 12;
|
|
border-right: 5.5px white solid;
|
|
} |