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