Library.vue 1.1 KB
Newer Older
1
<template>
2
  <div class="main library pusher">
3
    <router-view :key="$router.currentRoute.name"></router-view>
4
5
6
7
8
  </div>
</template>

<script>
export default {
9
  computed: {
10
11
12
13
14
15
16
17
    showImports() {
      return (
        this.$store.state.auth.availablePermissions["upload"] ||
        this.$store.state.auth.availablePermissions["library"]
      )
    },
    labels() {
      return {
18
        secondaryMenu: this.$pgettext('Menu/*/Hidden text', "Secondary menu")
19
      }
20
21
    }
  }
22
23
24
25
26
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss">
27
@import "../../style/vendor/media";
28

29
.library {
30
31
32
33
34
35
  .ui.segment.head {
    background-size: cover;
    background-position: center;
    padding: 0;
    .segment-content {
      margin: 0 auto;
36
37
38
39
      padding: 2em;
      @include media(">tablet") {
        padding: 4em;
      }
40
41
42
    }
    &.with-background {
      .header {
43
44
        &,
        .sub {
45
46
47
48
49
          text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8);
          color: white !important;
        }
      }
      .segment-content {
50
        background-color: rgba(0, 0, 0, 0.5);
51
52
53
      }
    }
  }
54
}
55
</style>