Beautify stuff and remove useless stuff

Former-commit-id: 4011c8fdf2e371a7c4b5bd869358abbb816cf3cd [formerly ea701dcc1585c3293ebe12bbf7e44fce2783c7d2] [formerly 94530d6438acaac29e48e6fb87935137eb494356 [formerly b66f6bd78a]]
Former-commit-id: af893939aa40b62b4879a0222fd5b5d5862f4463 [formerly 82093eb578ddb6a12f6a19aff054033c72601ecb]
Former-commit-id: 09c904479b844653c2f7b636afde3aea6b933421

_assets/src/components/Main.vue

@@ -107,7 +107,6 @@ export default {
       'req',
       'user',
       'reload',
-      'baseURL',
       'multiple'
     ]),
     isListing () {

_assets/src/css/base.css

@@ -41,7 +41,8 @@ pre {
   word-wrap: break-word;
 }
 
-input, button {
+input,
+button {
   outline: 0 !important;
 }
 
@@ -101,7 +102,7 @@ nav .action {
   padding: .5em;
 }
 
-nav > div {
+nav>div {
   border-top: 1px solid rgba(0, 0, 0, 0.05);
 }
 

_assets/src/css/header.css

@@ -16,10 +16,17 @@ header a:hover {
   color: inherit;
 }
 
+header>div:first-child>.action,
+header img {
+  margin-right: 1em;
+}
+
 header img {
   height: 2.5em;
-    margin-right: 1em;
-    vertical-align: middle;
+}
+
+header>div:first-child>.action {
+  display: none;
 }
 
 header>div {
@@ -38,19 +45,19 @@ header>div div {
   position: relative;
 }
 
-header > div:first-child {
+header>div:first-child {
   height: 4em;
 }
 
-header > div:last-child {
+header>div:last-child {
   justify-content: flex-end;
 }
 
+
 /* * * * * * * * * * * * * * * *
  *         MORE??       *
  * * * * * * * * * * * * * * * */
 
-
 #more {
   display: none;
 }
@@ -79,6 +86,7 @@ header > div:last-child {
   top: 4.5em;
 }
 
+
 /* * * * * * * * * * * * * * * *
  *          SEARCH BAR         *
  * * * * * * * * * * * * * * * */
@@ -117,7 +125,7 @@ header > div:last-child {
   height: 4em;
 }
 
-#search.active > div {
+#search.active>div {
   border-radius: 0 !important;
 }
 
@@ -126,8 +134,8 @@ header > div:last-child {
   color: #212121;
 }
 
-#search #input > .action,
-#search #input > i {
+#search #input>.action,
+#search #input>i {
   margin-right: 0.3em;
   user-select: none;
 }
@@ -212,4 +220,3 @@ header > div:last-child {
 #search:-ms-input-placeholder {
   color: rgba(255, 255, 255, .5);
 }
-

_assets/src/css/mobile.css

@@ -19,12 +19,19 @@
     height: 100%;
     width: 13em;
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
+    transition: .2s ease-in-out left;
+    left: -14em;
   }
-
-  #listing.list .item.header, main {
+  header>div:first-child>.action {
+    display: inherit;
+  }
+  header img {
+    display: none;
+  }
+  #listing.list .item.header,
+  main {
     width: calc(100% - 2em);
   }
-
   main {
     margin: 0 1em;
     width: calc(100% - 2em);

_assets/src/css/styles.css

@@ -5,7 +5,6 @@
 @import "./prompts.css";
 @import "./listing.css";
 
-
 /* * * * * * * * * * * * * * * *
  *            ACTION           *
  * * * * * * * * * * * * * * * */
@@ -63,8 +62,6 @@
   background-color: rgba(0, 0, 0, 0.04);
 }
 
-
-
 #click-overlay {
   display: none;
   position: fixed;
@@ -158,20 +155,15 @@
 }
 
 #previewer h2.message {
-    color: rgba(255,255,255,0.5)
+  color: rgba(255, 255, 255, 0.5)
 }
 
 
-
-
 /* * * * * * * * * * * * * * * *
  *            PROMPT           *
  * * * * * * * * * * * * * * * */
 
 
-
-
-
 /* * * * * * * * * * * * * * * *
  *            FOOTER           *
  * * * * * * * * * * * * * * * */