diff client/src/components/admin/Logs.vue @ 1449:bb47531bdd22

sass to scss
author Thomas Junk <thomas.junk@intevation.de>
date Mon, 03 Dec 2018 10:19:59 +0100
parents acb71a982837
children 33dda08d67be
line wrap: on
line diff
--- a/client/src/components/admin/Logs.vue	Mon Dec 03 09:28:28 2018 +0100
+++ b/client/src/components/admin/Logs.vue	Mon Dec 03 10:19:59 2018 +0100
@@ -14,65 +14,83 @@
               @click="fetch('system/log/apache2/access.log', 'accesslog')"
               :class="accesslogStyle"
               href="#"
-            ><translate>Accesslog</translate></a>
+            >
+              <translate>Accesslog</translate>
+            </a>
           </li>
           <li class="nav-item">
             <a
               @click="fetch('system/log/apache2/error.log', 'errorlog')"
               :class="errorlogStyle"
               href="#"
-            ><translate>Errorlog</translate></a>
+            >
+              <translate>Errorlog</translate>
+            </a>
           </li>
         </ul>
       </div>
       <div class="statuscontainer d-flex flex-row">
         <div class="statusline ml-3 mt-1 align-self-center">
-          <h3><translate>Last refresh:</translate> {{refreshed}}</h3>
+          <h3>
+            <translate>Last refresh:</translate>
+            {{refreshed}}
+          </h3>
         </div>
         <div class="refresh">
-          <button class="btn btn-dark" @click="fetch(currentFile, currentLog)"><translate>Refresh</translate></button>
+          <button class="btn btn-dark" @click="fetch(currentFile, currentLog)">
+            <translate>Refresh</translate>
+          </button>
         </div>
       </div>
     </div>
   </div>
 </template>
 
-<style lang="sass" scoped>
-.statuscontainer
-  width: 87%
-  position: relative
+<style lang="scss" scoped>
+.statuscontainer {
+  width: 87%;
+  position: relative;
+}
 
-.logmenu
-  margin-left: 5rem
-  min-width: 60vw
+.logmenu {
+  margin-left: 5rem;
+  min-width: 60vw;
+}
 
-#code
-  overflow: auto
+#code {
+  overflow: auto;
+}
 
-.refresh
-  position: absolute
-  right: 0
+.refresh {
+  position: absolute;
+  right: 0;
+}
 
-.logoutput
-  width: 95%
-  height: 85vh
-  overflow: auto
-  transition: $transition-fast
+.logoutput {
+  width: 95%;
+  height: 85vh;
+  overflow: auto;
+  transition: $transition-fast;
+}
 
-.spacer
-  height: 90vh
+.spacer {
+  height: 90vh;
+}
 
-.spacer-collapsed
-  min-width: $icon-width + $offset
-  transition: $transition-fast
+.spacer-collapsed {
+  min-width: $icon-width + $offset;
+  transition: $transition-fast;
+}
 
-.spacer-expanded
-  min-width: $sidebar-width + $offset
+.spacer-expanded {
+  min-width: $sidebar-width + $offset;
+}
 
-.statusline
-  position: absolute
-  right: 0
-  margin-right: 7rem
+.statusline {
+  position: absolute;
+  right: 0;
+  margin-right: 7rem;
+}
 </style>
 
 <script>