{"version":3,"sources":["webpack:///./src/views/Seller/Logingreen.vue?686e","webpack:///./src/views/Seller/Logingreen.vue","webpack:///src/views/Seller/Logingreen.vue","webpack:///./src/views/Seller/Logingreen.vue?cb48","webpack:///./src/views/Seller/Logingreen.vue?06dc"],"names":["render","_vm","this","_c","_self","staticClass","attrs","require","_v","_s","$t","on","$event","preventDefault","handlerLogins","staticRenderFns","name","components","LoginComponent","data","showLogin","emits","methods","id","$root","$emit","component"],"mappings":"kHAAA,W,2CCAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,cAAc,CAACE,YAAY,cAAcC,MAAM,CAAC,MAAQ,KAAK,CAACH,EAAG,QAAQ,CAACE,YAAY,eAAe,CAACF,EAAG,QAAQ,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,mBAAmB,GAAGA,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACG,MAAM,CAAC,IAAMC,EAAQ,aAAmCJ,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,KAAK,CAACF,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,GAAG,mCAAmCP,EAAG,KAAK,CAACE,YAAY,UAAU,CAACJ,EAAIO,GAAG,cAAcL,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACG,MAAM,CAAC,IAAMC,EAAQ,QAAyB,IAAM,WAAWJ,EAAG,IAAI,CAACF,EAAIO,GAAG,IAAIP,EAAIQ,GAAGR,EAAIS,GAAG,gCAAgC,SAASP,EAAG,SAAS,CAACQ,GAAG,CAAC,MAAQ,SAASC,GAAgC,OAAxBA,EAAOC,iBAAwBZ,EAAIa,cAAc,QAAQ,CAACb,EAAIO,GAAG,mBAAmB,IAAI,IAEx3BO,EAAkB,G,YC6BP,GACfC,KAAA,QACAC,WAAA,CACAC,uBAEAC,KAAA,kBACAC,WAAA,IAEAC,MAAA,yBACAC,QAAA,CACAR,cAAA,SAAAS,GACA,KAAAC,MAAAC,MAAA,uBAAAF,MC1CiY,I,wBCQ7XG,EAAY,eACd,EACA1B,EACAe,GACA,EACA,KACA,WACA,MAIa,aAAAW,E","file":"js/chunk-84baf19c.85444236.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./Logingreen.vue?vue&type=style&index=0&id=05446bc3&prod&lang=scss&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-container',{staticClass:\"full-height\",attrs:{\"fluid\":\"\"}},[_c('b-row',{staticClass:\"full-height\"},[_c('b-col',{staticClass:\"left-side\"},[_c('div',{staticClass:\"login\"},[_c('LoginComponent')],1),_c('div',{staticClass:\"logo\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/logoClara.png\")}})]),_c('div',{staticClass:\"max-width\"},[_c('div',{staticClass:\"message\"},[_c('div',{staticClass:\"title\"},[_c('h2',[_vm._v(_vm._s(_vm.$t('views.login_green.text_1141')))]),_c('h2',{staticClass:\"greenn\"},[_vm._v(\"Greenn\")])]),_c('div',{staticClass:\"text\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/foto.png\"),\"alt\":\"login\"}}),_c('p',[_vm._v(\" \"+_vm._s(_vm.$t('views.login_green.text_1142'))+\" \")])]),_c('button',{on:{\"click\":function($event){$event.preventDefault();return _vm.handlerLogins('1')}}},[_vm._v(\"Entrar\")])])])])],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-container fluid class=\"full-height\">\n    <b-row class=\"full-height\">\n      <b-col class=\"left-side\">\n        <div class=\"login\">\n          <LoginComponent />\n        </div>\n        <div class=\"logo\">\n          <img src=\"@/assets/img/logoClara.png\" />\n        </div>\n        <div class=\"max-width\">\n          <div class=\"message\">\n            <div class=\"title\">\n              <h2>{{ $t('views.login_green.text_1141') }}</h2>\n              <h2 class=\"greenn\">Greenn</h2>\n            </div>\n            <div class=\"text\">\n              <img src=\"@/assets/img/foto.png\" alt=\"login\" />\n              <p>\n                {{ $t('views.login_green.text_1142') }}\n              </p>\n            </div>\n            <button @click.prevent=\"handlerLogins('1')\">Entrar</button>\n          </div>\n        </div>\n      </b-col>\n    </b-row>\n  </b-container>\n</template>\n<script>\nimport LoginComponent from \"@/components/login/LoginComponent\";\nexport default {\n  name: \"Login\",\n  components: {\n    LoginComponent,\n  },\n  data: () => ({\n    showLogin: false,\n  }),\n  emits: [\"handlerLoginRegister\"],\n  methods: {\n    handlerLogins(id) {\n      this.$root.$emit(\"handlerLoginRegister\", id);\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.left-side {\n  background-image: url(\"~@/assets/img/fundoLogin.jpg\");\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: cover;\n  .login {\n    width: 30%;\n    position: absolute;\n    right: 0;\n  }\n  .logo {\n    img {\n      width: 220px;\n      margin-left: auto;\n      margin-right: auto;\n      margin-top: 20px;\n    }\n  }\n  .max-width {\n    max-width: 75%;\n    .message {\n      width: 420px;\n      float: right;\n      height: 85vh;\n      display: flex;\n      justify-content: center;\n      flex-direction: column;\n      .title {\n        h2 {\n          color: #fff;\n          font-family: \"Montserrat\";\n          font-size: 55px;\n          font-weight: 800;\n          line-height: 0.9;\n        }\n        .greenn {\n          color: #00ac69;\n          margin-bottom: 20px;\n        }\n      }\n      .text {\n        margin-bottom: 30px;\n        img {\n          width: 100px;\n          float: left;\n          margin-right: 20px;\n        }\n        p {\n          color: #fff;\n          font-family: \"Montserrat\";\n          font-weight: 600;\n        }\n      }\n      button {\n        background-color: #f18534;\n        color: #222;\n        font-family: \"Montserrat\";\n        font-weight: 800;\n        border: 0;\n        padding: 12px;\n        border-radius: 20px;\n        text-decoration: none;\n        cursor: pointer;\n        &:hover {\n          background-color: #e27521;\n          transition-duration: 0.5s;\n        }\n      }\n    }\n  }\n}\n@media only screen and (max-width: 1200px) {\n  .left-side {\n    background-image: url(\"~@/assets/img/fundoLogin.jpg\");\n    background-position: center;\n    background-repeat: no-repeat;\n    background-size: cover;\n    .login {\n      width: 40%;\n      position: absolute;\n      right: 0;\n    }\n    .logo {\n      img {\n        width: 220px;\n        margin-left: auto;\n        margin-right: auto;\n        margin-top: 20px;\n      }\n    }\n    .max-width {\n      max-width: 90%;\n      .message {\n        .title {\n          h2 {\n            font-size: 45px;\n          }\n        }\n        .text {\n          img {\n            width: 80px;\n          }\n          p {\n            font-weight: 500;\n            font-size: 14px;\n          }\n        }\n        button {\n          width: 80%;\n        }\n      }\n    }\n  }\n}\n@media only screen and (max-width: 768px) {\n  .left-side {\n    background-image: url(\"~@/assets/img/fundoMobile.jpg\");\n    background-position: initial;\n    .login {\n      width: 100%;\n    }\n    .logo {\n      img {\n        width: 180px;\n      }\n    }\n    .max-width {\n      max-width: 100%;\n      .message {\n        text-align: center;\n        margin-top: 10%;\n        width: 100%;\n        float: initial;\n        height: 85vh;\n        display: block;\n        .title {\n          h2 {\n            font-size: 45px;\n          }\n          .greenn {\n            color: #00ac69;\n            margin-bottom: 30px;\n          }\n        }\n        .text {\n          width: 100%;\n          margin-bottom: 20px;\n          img {\n            width: 100px;\n            float: initial;\n            display: inline;\n            margin-right: 0;\n            margin-bottom: 20px;\n          }\n          p {\n            width: 50%;\n            margin: 0 auto;\n            font-weight: 500;\n          }\n        }\n        button {\n          width: 40%;\n        }\n      }\n    }\n  }\n}\n@media only screen and (max-width: 600px) {\n  .left-side {\n    background-image: url(\"~@/assets/img/fundoMobile.jpg\");\n    background-position: initial;\n    .login {\n      width: 100%;\n    }\n    .logo {\n      img {\n        width: 150px;\n      }\n    }\n    .max-width {\n      max-width: 100%;\n      .message {\n        text-align: center;\n        margin-top: 5%;\n        width: 100%;\n        float: initial;\n        height: 85vh;\n        display: block;\n        .title {\n          h2 {\n            font-size: 35px;\n          }\n          .greenn {\n            color: #00ac69;\n            margin-bottom: 20px;\n          }\n        }\n        .text {\n          width: 100%;\n          margin-bottom: 20px;\n          img {\n            width: 70px;\n            float: initial;\n            display: inline;\n            margin-right: 0;\n            margin-bottom: 10px;\n          }\n          p {\n            width: 80%;\n            margin: 0 auto;\n            font-weight: 500;\n          }\n        }\n        button {\n          width: 70%;\n        }\n      }\n    }\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./Logingreen.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./Logingreen.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Logingreen.vue?vue&type=template&id=05446bc3&scoped=true&\"\nimport script from \"./Logingreen.vue?vue&type=script&lang=js&\"\nexport * from \"./Logingreen.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Logingreen.vue?vue&type=style&index=0&id=05446bc3&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"05446bc3\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}