2 lines
1.2 KiB
JavaScript
2 lines
1.2 KiB
JavaScript
import{_ as c}from"./nuxt-img.f18eda15.js";import{_ as s}from"./Typography.vue.13ba1ade.js";import u from"./Section.f5b9263f.js";import{a as m,o as p,c as f,G as l,f as d,aj as g,L as e}from"./entry.a42f0781.js";const y=m({__name:"Banner",props:{img:null,title:null,topic:null,description:null,link:null,mask:null},setup(t){const a=t;function o(){switch(a.mask){case"top":return"linear-gradient(0deg,#000, transparent);";case"bottom":return"linear-gradient(0deg, transparent, #000);";case"both":default:return"linear-gradient(0deg, transparent, #000, transparent);"}}return(_,h)=>{const i=c,r=s,n=u;return p(),f(n,{relative:"","h-380px":"","md:h-400px":"","xl:h-450px":""},{default:l(()=>[d("div",{class:"absolute left-0 top-0 z-0 h-full w-full bg-cover bg-center bg-no-repeat",style:g(`-webkit-mask-image:${o()}`)},[e(i,{src:t.img,loading:"lazy",width:"1000",height:"300",class:"w-full h-full"},null,8,["src"])],4),e(n,{class:"left-0 top-0 h-full w-full flex flex-col items-center justify-center text-shadow"},{default:l(()=>[e(r,{title:t.title,topic:t.topic,description:t.description,link:t.link},null,8,["title","topic","description","link"])]),_:1})]),_:1})}}});export{y as _};
|