fix: Use appropriate logos for integrations in the dark mode (#9881)

This commit is contained in:
rotsen
2024-08-06 12:40:41 -04:00
committed by GitHub
parent 59b9c55967
commit 91b713f6f5

View File

@@ -15,13 +15,17 @@ export default {
<div class="flex-shrink flex-grow overflow-auto p-4"> <div class="flex-shrink flex-grow overflow-auto p-4">
<div class="flex flex-col"> <div class="flex flex-col">
<div <div
class="bg-white dark:bg-slate-800 border border-solid border-slate-75 dark:border-slate-700/50 rounded-sm mb-4 p-4" class="bg-white dark:bg-slate-800 border border-solid border-slate-75 dark:border-slate-700/50 rounded-xl mb-4 p-4"
> >
<div class="flex"> <div class="flex">
<div class="flex h-[6.25rem] w-[6.25rem]"> <div class="flex h-[6.25rem] w-[6.25rem]">
<img <img
:src="`/dashboard/images/integrations/${integration.id}.png`" :src="`/dashboard/images/integrations/${integration.id}.png`"
class="max-w-full p-6" class="max-w-full rounded-md border border-slate-50 dark:border-slate-700/50 shadow-sm block dark:hidden bg-white dark:bg-slate-900"
/>
<img
:src="`/dashboard/images/integrations/${integration.id}-dark.png`"
class="max-w-full rounded-md border border-slate-50 dark:border-slate-700/50 shadow-sm hidden dark:block bg-white dark:bg-slate-900"
/> />
</div> </div>
<div class="flex flex-col justify-center m-0 mx-4 flex-1"> <div class="flex flex-col justify-center m-0 mx-4 flex-1">