<div class="item-pdf-archive" v-for="item in results" :key="item.id">
<div class="cover">
<a class="img-link cursor-pointer" target="_blank" :href="'/view/'+item.slug" :data-not-authorized="isConnected == '0'">
- <img class="d-block cover-over box-shadow-cover" :src="item.coverUrl" alt="">
+ <img class="d-block cover-over box-shadow-cover !border-solid border-[6px] border-white" :src="item.coverUrl" alt="">
<div class="shadowcover">
<img class="max-h-[39px]" src="" />
</div>
z-index: 1;
top: 0;
left: 0;
+ &.fb {
+ border: 6px solid white;
+ }
@include media-breakpoint-up(xl) {
position: relative;
img {
width: 100% !important;
+ border-width: 8px;
+ @include media-breakpoint-down(xl) {
+ border-width: 6px;
+ }
}
&-title {
min-width: 0;
img {
width: 100%;
+ border-width: 6px;
}
.tickness {
display: none;
<a class="img-link cursor-pointer {{!Auth::check() ? 'notConnected' : ''}}" href="{{Auth::check() ? $link : '#'}}"
target="{{Auth::check() ? $target : '_self'}}">
<div class="relative">
- <img class="d-block cover-over box-shadow-cover" src="{{$pdf->coverUrl}}" alt="">
+ <img class="d-block cover-over box-shadow-cover border-[8px] max-xl:border-[6px] !border-solid border-white" src="{{$pdf->coverUrl}}" alt="">
<div class="tickness h-[99%] bg-white absolute right-0 top-1/2 w-[3px] translate-x-full -translate-y-1/2"></div>
</div>
<div class="shadowcover">