m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-26 12:29:06 +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 committed by GitHub
parent 37e49cb2ba
commit 0be6c65eb3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
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) {
&__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 {
margin-bottom: 8px;
grid-area: paste-tip;
width: max-content;
width: auto;
margin-left: auto;
margin-right: auto;
}