Mercurial > gemma
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>