⚡ Zap

hoppscotch · Dec 10, 2019 · d284002 · d284002
1 parent 60ba539
commit d284002
Show file tree

Hide file tree

Showing 7 changed files with 180 additions and 27 deletions.
diff --git a/assets/css/styles.scss b/assets/css/styles.scss
@@ -2,7 +2,7 @@
 .page-leave-active,
 .layout-enter-active,
 .layout-leave-active {
-  transition: all 0.2s;
+  transition: opacity 0.2s;
 }
 
 .page-enter,
@@ -14,10 +14,6 @@
 
 $responsiveWidth: 768px;
 
-html {
-  scroll-behavior: smooth;
-}
-
 ::selection {
   background-color: var(--ac-color);
   color: var(--act-color);
@@ -50,6 +46,7 @@ html {
   border: 0;
 }
 
+html,
 body {
   background-color: var(--bg-color);
   color: var(--fg-color);
@@ -62,11 +59,12 @@ body {
   user-select: none;
   padding: 0;
   margin: 0;
+  scroll-behavior: smooth;
 }
 
 // Make theme transition smoother.
 body.afterLoad {
-  transition: all 0.2s ease-in-out;
+  transition: background-color 0.2s ease-in-out;
 }
 
 body.sticky-footer footer {
@@ -97,8 +95,8 @@ footer {
   flex-direction: column;
 }
 
-.wrapper .content {
-  min-height: 100vh;
+.wrapper .page {
+  min-height: calc(100vh - 153px);
 }
 
 .header,
@@ -149,11 +147,14 @@ footer {
 }
 
 .main {
+  display: flex;
+  flex-flow: column;
   flex: 1;
   order: 2;
   position: relative;
   padding: 0 16px;
   background-color: var(--bg-light-color);
+  height: 100%;
 }
 
 .nav-second {

diff --git a/components/ace-editor.vue b/components/ace-editor.vue
@@ -64,8 +64,8 @@ export default {
 
     this.editor = editor;
     this.cacheValue = this.value;
-    
-    editor.on('change', () => {
+
+    editor.on("change", () => {
       const content = editor.getValue();
       this.$emit("input", content);
       this.cacheValue = content;

diff --git a/components/settings/swatch.vue b/components/settings/swatch.vue
@@ -20,7 +20,6 @@
   border-radius: 100%;
   border: 3px solid var(--bg-dark-color);
   cursor: pointer;
-  transition: all 0.2s ease-in-out;
 
   &.fg {
     color: var(--act-color);

diff --git a/docs/index.html b/docs/index.html
@@ -1,17 +1,15 @@
 <!DOCTYPE html>
 <html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+    <title>Postwoman</title>
+    <meta http-equiv="refresh" content="0; url=https://postwoman.io" />
+    <link rel="canonical" href="https://postwoman.io" />
+  </head>
 
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <meta http-equiv="X-UA-Compatible" content="ie=edge">
-  <title>Postwoman</title>
-  <meta http-equiv="refresh" content="0; url=https://postwoman.io">
-  <link rel="canonical" href="https://postwoman.io">
-</head>
-
-<body>
-  Redirecting to postwoman.io
-</body>
-
+  <body>
+    Redirecting to postwoman.io
+  </body>
 </html>
diff --git a/pages/index.vue b/pages/index.vue
@@ -552,7 +552,7 @@
               </ul>
             </pw-section>
           </div>
-          <div class="flex-wrap">
+          <!-- <div class="flex-wrap">
             <span></span>
             <button
               class="icon hide-on-small-screen"
@@ -565,7 +565,7 @@
                 {{ activeSidebar ? "last_page" : "first_page" }}
               </i>
             </button>
-          </div>
+          </div> -->
         </section>
 
         <pw-section
@@ -794,6 +794,7 @@
     </div>
   </div>
 </template>
+
 <script>
 import section from "../components/section";
 import url from "url";

diff --git a/pages/realtime.vue b/pages/realtime.vue
@@ -154,6 +154,7 @@
     </section>
   </div>
 </template>
+
 <style scoped lang="scss">
 div.log {
   margin: 4px;

diff --git a/static/icons/error.svg b/static/icons/error.svg