freya/xssbook
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

mobile css

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

4
public/css/login.css
View file

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

6
public/css/main.css
View file

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

8
public/css/profile.css
View file

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