home.vue 1.48 KB
Newer Older
Esteban Choque's avatar
Esteban Choque committed
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<template>
  <el-container class="portal-home">
    <el-header height="auto">
      <app-header />
    </el-header>
    <el-main>
      <nuxt/>
    </el-main>
    <el-footer height="auto">
      <app-footer />
    </el-footer>
    <transition name="el-fade-in">
      <app-search v-show="$store.state.search" />
    </transition>
    <transition name="el-fade-in">
      <app-login v-show="$store.state.login" />
    </transition>
  </el-container>
</template>

<script>
import AppHeader from '~/components/layout/AppHeader';
import AppFooter from '~/components/layout/AppFooter';
import AppSearch from '~/components/layout/AppSearch';
import AppLogin from '~/components/AppLogin';

export default {
  components: {
    AppHeader,
    AppFooter,
    AppSearch,
    AppLogin
  }
};
</script>

<style lang="scss">
@import '~/assets/scss/_variables.scss';

.portal-home {
  //background: transparent url(~assets/images/home.jpg) no-repeat;
42
  background: transparent url(~assets/images/backgroundpro.jpg) no-repeat;
Esteban Choque's avatar
Esteban Choque committed
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
  background-size: cover;
  background-position: center center;
  height: 100%;

  .el-main {
    flex: .996;
  }

  .el-footer {
    height: $height - 2px !important;
  }

  &::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .4);
  }

  .app-logo-container {
    width: auto !important;
    position: absolute;
    top: 160px;
    left: 100px;
  }

  .app-b-servicio {
    text-align: left;
  }
}
</style>