web3privacy/explorer-app
1
0
Fork 0
mirror of https://github.com/web3privacy/explorer-app.git synced 2024-10-15 16:46:26 +02:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #2 from web3privacy/pb/fix-image-responsivnes

Browse source 
feat: fix images
This commit is contained in:
MufCZ 2024-01-10 11:23:01 +01:00 committed by GitHub
commit a1ba60fee0
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
components/Card.vue
View file

@ -14,7 +14,9 @@ const { switcher } = storeToRefs(useData())
flex w-full gap-16px hover:bg="#121212" transition-all flex w-full gap-16px hover:bg="#121212" transition-all
> >
<div relative max-w="96px lg:200px" w-full h="96px lg:200px" :class="switcher ? '' : 'lg:max-w-full! lg:w-full '"> <div relative max-w="96px lg:200px" w-full h="96px lg:200px" :class="switcher ? '' : 'lg:max-w-full! lg:w-full '">
<NuxtImg :src="project?.image || '/no-image-1-1.svg'" class="w-full h-full" z-10 object-cover /> <div flex items-center justify-center w-full my-auto h-full>
<NuxtImg :src="project?.image || '/no-image-1-1.svg'" class="w-full h-auto" max-h="md:196px 96px" self-center z-10 object-fit bg="#121212" />
</div>
<ClientOnly> <ClientOnly>
<Badge <Badge
v-if="project.percentage" v-if="project.percentage"