pmret/website
1
0
Fork 0
mirror of https://github.com/pmret/website.git synced 2024-11-08 12:12:27 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fixed responsive on ultrawide and enhanced banner (#12)

Browse Source
This commit is contained in:
Lywx 2023-04-21 09:58:41 -06:00 committed by GitHub
parent 8d07d75933
commit 8d0d3d00cf
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/index.css
View File

@ -200,6 +200,7 @@ nav {
margin-bottom: -.6em;
z-index: 1;
width: 100%;
max-width: 1600px;
}
@media (min-width: 600px) {
@ -211,6 +212,8 @@ nav {
main {
flex: 1;
width: 100%;
max-width: 1600px;
max-height: calc(100vh - 100px);
background-repeat: repeat;
background-size: 48px;
@ -427,7 +430,7 @@ button.shadow-box-title {
font-weight: 400;
--text-outline: transparent;
text-align: left;
max-height: 1100px;
max-width: 60ch;
margin: auto;
padding: 1em;
@ -474,6 +477,9 @@ button.shadow-box-title {
}
#banner {
position: absolute;
top: 0;
z-index: 2;
width: 100%;
min-height: 6em;
@ -488,6 +494,10 @@ button.shadow-box-title {
justify-content: space-around;
}
#close-banner:hover {
cursor: pointer;
}
/* hide mobile */
@media (max-width: 800px) {
#banner {