Skip to content

Commit

Permalink
fix(ui): 💄 mobile styles
Browse files Browse the repository at this point in the history
  • Loading branch information
jojobyte committed Apr 7, 2024
1 parent 8cc034b commit ab34ae3
Show file tree
Hide file tree
Showing 3 changed files with 18 additions and 8 deletions.
2 changes: 1 addition & 1 deletion src/index.css
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ body {
main {
padding: 0;
width: 100%;
max-width: 40rem;
max-width: 100vw;
display: flex;
flex-direction: column;
justify-self: center;
Expand Down
12 changes: 7 additions & 5 deletions src/styles/form.css
Original file line number Diff line number Diff line change
Expand Up @@ -271,6 +271,7 @@ form fieldset.share {
align-items: center;
flex: 1 1 auto;
margin: 0;
padding: 0;
}
form fieldset.share aside {
display: flex;
Expand All @@ -287,6 +288,8 @@ form fieldset.share aside input:read-only {
}
form fieldset.share section + aside {
border-top: 1px solid var(--dark-600);
max-width: 98vw;
padding: 2rem 2rem 0;
}
form fieldset.share aside label {
display: block;
Expand Down Expand Up @@ -754,14 +757,13 @@ form[name="network"] {
}
form fieldset.share {
flex-direction: row;
}
form fieldset.share aside {
padding-left: 2rem;
padding-right: 1rem;
padding: 0 1rem;
}
form fieldset.share section + aside {
max-width: 16rem;
/* max-width: 305px; */
padding: 0;
padding-left: 2rem;
padding-right: 1rem;
border-top: 0 solid transparent;
border-left: 1px solid var(--dark-600);
}
Expand Down
12 changes: 10 additions & 2 deletions src/styles/nav.css
Original file line number Diff line number Diff line change
Expand Up @@ -109,7 +109,6 @@ nav .alias {
font-weight: 400;
line-height: 1;
padding: 1rem;
margin-right: 1.25rem;
}
nav .alias span {
padding: 1rem;
Expand Down Expand Up @@ -147,7 +146,7 @@ nav menu li a {
nav menu menu {
position: absolute;
top: var(--nav-bound);
right: 2rem;
right: 1rem;
flex-direction: column;
flex: 1 1 auto;
margin-top: -1rem;
Expand All @@ -168,3 +167,12 @@ nav .alias:hover + menu {
opacity: 1;
visibility: visible;
}

@media (min-width: 650px) {
nav .alias {
margin-right: 1.25rem;
}
nav menu menu {
right: 2rem;
}
}

0 comments on commit ab34ae3

Please sign in to comment.