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 flex-col">
<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 h-[6.25rem] w-[6.25rem]">
<img
: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 class="flex flex-col justify-center m-0 mx-4 flex-1">