m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code

Fix SrpInput small viewport styles (#14087)

Browse Source 
The styles for smaller viewports were broken because I forgot to update
the small-screen grid template after adding the "paste-tip". The styles
have now been updated to fit the content properly on all of our
supported screen sizes.
This commit is contained in:
Mark Stacey 2022-03-21 22:11:53 -02:30
parent 00341cd3b3
commit 49e65a7061
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
ui/components/app/srp-input/srp-input.scss
View File

@ -11,7 +11,13 @@
@media (max-width: 767px) { @media (max-width: 767px) {
&__container { &__container {
grid-template-areas: "title" "dropdown" "input" "error"; grid-template-areas:
"title"
"dropdown"
"paste-tip"
"input"
"error"
"too-many-words-error";
} }
} }
@ -26,7 +32,7 @@
&__paste-tip { &__paste-tip {
margin-bottom: 8px; margin-bottom: 8px;
grid-area: paste-tip; grid-area: paste-tip;
width: max-content; width: auto;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }