mobile css

This commit is contained in:
Tyler Murphy 2023-01-31 08:47:18 -05:00
parent ef24cfedbf
commit bc5e8e1dce
3 changed files with 16 additions and 2 deletions

View file

@ -44,4 +44,8 @@
flex-direction: column;
align-items: center;
}
.show {
margin-bottom: 2em;
}
}

View file

@ -16,8 +16,8 @@ body {
body {
background-color: var(--primary);
width: 100vw;
height: 100vh;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
display: flex;
@ -236,6 +236,7 @@ input:focus {
margin-bottom: 10px;
margin-top: 10px;
z-index: 2;
max-width: 100%;
}
.fullline {
@ -244,6 +245,7 @@ input:focus {
margin-bottom: 10px;
margin-top: 10px;
z-index: 2;
max-width: 100%;
}
footer {

View file

@ -1,5 +1,6 @@
body {
background-color: var(--secondary);
max-width: 100%;
}
.spacer {
@ -25,6 +26,7 @@ body {
#banner div, #banner img {
width: 80em;
max-width: 100%;
height: inherit;
background-color: var(--hover);
border-radius: 0px 0px 20px 20px;
@ -32,6 +34,7 @@ body {
#info {
width: 80em;
max-width: 100%;
display: flex;
flex-direction: row;
}
@ -65,6 +68,7 @@ body {
.profilebuttons {
width: 80em;
max-width: 100%;
height: 3em;
display: flex;
align-items: center;
@ -102,6 +106,7 @@ body {
}
#posts {
max-width: 100%;
margin-top: 2em;
}
@ -109,6 +114,7 @@ body {
border-right: 2px solid var(--mild);
padding: 10px;
padding-right: 3em;
max-width: 100%;
}
#about .data {
@ -117,6 +123,7 @@ body {
padding: 10px;
padding-left: 20px;
padding-top: 15px;
max-width: 100%;
}
#about .data span {
@ -126,6 +133,7 @@ body {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
max-width: 100%;
}
.logout {