Reduce header shadow on mobile

7 years ago · b7e2bcf806
parent d4343fe7e5
commit b7e2bcf806
2 changed files with 5 additions and 1 deletions
--- a/ui/app/css/itcss/components/confirm.scss
+++ b/ui/app/css/itcss/components/confirm.scss
@ -38,6 +38,8 @@
    top: 0;
    box-shadow: none;
    height: calc(100vh - 41px - 100px);
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
  }
 }

@ -301,5 +303,7 @@ section .confirm-screen-account-number,

  @media screen and (max-width: $break-small) {
    border-top: 1px solid $alto;
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
  }
 }
--- a/ui/app/css/itcss/components/header.scss
+++ b/ui/app/css/itcss/components/header.scss
@ -10,7 +10,7 @@
  @media screen and (max-width: 575px) {
    padding: 0 12px;
    width: 100%;
-    box-shadow: 0 2px 2px 1px rgba(0, 0, 0, .08);
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, .08);
    z-index: $mobile-header-z-index;
  }