Merge pull request #3 from andrerfneves/develop

Release v0.3.1
andrerfneves · Nov 6, 2018 · e7232ef · e7232ef
2 parents 1c1f55e + 28711bb
commit e7232ef
Show file tree

Hide file tree

Showing 6 changed files with 59 additions and 15 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "lightning-decoder",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "author": {
     "email": "andrerfneves@protonmail.com",
     "name": "André Neves",

diff --git a/src/assets/styles/base/variables.scss b/src/assets/styles/base/variables.scss
@@ -10,6 +10,8 @@ $transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1);
 $font-family: source-code-pro, Menlo, Monaco, Consolas,"Courier New", monospace;
 $font-weight-bold: 900;
 $font-weight-regular: 400;
+$font-extra-small-size: 14px;
 $font-small-size: 18px;
 $font-base-size: 24px;
+$font-medium-size: 32px;
 $font-large-size: 50px;
diff --git a/src/assets/styles/modules/app.scss b/src/assets/styles/modules/app.scss
@@ -16,5 +16,12 @@
     margin-bottom: 2 * $base-spacing;
     position: relative;
     transition: $transition;
+    width: 100%;
+    padding: 0 $base-spacing;
+
+    @include larger-than(mobile) {
+      width: $container-width;
+      padding: 0;
+    }
   }
 }
diff --git a/src/assets/styles/modules/input.scss b/src/assets/styles/modules/input.scss
@@ -3,28 +3,42 @@
   display: flex;
   flex-direction: row;
   position: relative;
+  width: 100%;
 
   &__text {
     background: $background-primary;
     border-radius: $border-radius;
-    padding: $base-spacing 25px $base-spacing 75px;
-    font-size: $font-base-size;
+    padding: $base-spacing 15px $base-spacing 55px;
+    font-size: $font-small-size;
     font-weight: $font-weight-bold;
     border: $border;
     outline: none;
+    width: 100%;
     color: $text-primary;
-    min-width: $container-width;
     font-family: $font-family;
     position: relative;
+
+    @include larger-than(mobile) {
+      font-size: $font-base-size;
+      min-width: $container-width;
+      padding: $base-spacing 25px $base-spacing 75px;
+    }
   }
 
   &__asset {
     position: absolute;
-    left: $base-spacing;
-    top: 15px;
-    width: 35px;
-    height: 2 * $base-spacing;
+    top: 17px;
+    left: 15px;
+    width: 28px;
+    height: 30px;
     z-index: 5;
     opacity: 0.6;
+
+    @include larger-than(mobile) {
+      left: $base-spacing;
+      top: 15px;
+      width: 35px;
+      height: 2 * $base-spacing;
+    }
   }
 }
diff --git a/src/assets/styles/modules/logo.scss b/src/assets/styles/modules/logo.scss
@@ -2,19 +2,34 @@
 .logo {
   display: flex;
   flex-direction: column;
-  align-items: center;
-  padding-bottom: 2 * $base-spacing;
+  align-items: flex-start;
+  justify-content: flex-start;
+  padding: 2 * $base-spacing $base-spacing;
+  width: 100%;
+
+  @include larger-than(mobile) {
+    align-items: center;
+    padding-bottom: 2 * $base-spacing;
+  }
 
   &__title {
     font-weight: $font-weight-bold;
     color: $text-primary;
-    font-size: $font-large-size;
+    font-size: $font-medium-size;
+
+    @include larger-than(mobile) {
+      font-size: $font-large-size;
+    }
   }
 
   &__subtitle {
     padding-top: $base-spacing;
     font-weight: $font-weight-regular;
     color: $text-tertiary;
-    font-size: $font-small-size;
+    font-size: $font-extra-small-size;
+
+    @include larger-than(mobile) {
+      font-size: $font-small-size;
+    }
   }
 }
diff --git a/src/assets/styles/modules/submit.scss b/src/assets/styles/modules/submit.scss
@@ -4,15 +4,21 @@
   width: $icon-size;
   border-radius: 50%;
   background: $background-primary;
-  margin-left: 2 * $base-spacing;
   position: absolute;
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
-  cursor: pointer;
-  right: -100px;
   border: $border;
+  cursor: pointer;
+  bottom: -100px;
+  right: calc(50% - (#{$icon-size} / 2));
+
+  @include larger-than(tablet) {
+    margin-left: 2 * $base-spacing;
+    right: -100px;
+    bottom: 0;
+  }
 
   &:hover {
     .submit__asset {