Add sponsorship notification and disable option,

update dependencies
This commit is contained in:
Andras Bacsai
2023-11-13 14:44:54 +01:00
parent c838ff7198
commit 3dd9182281
7 changed files with 79 additions and 17 deletions

View File

@@ -53,10 +53,10 @@ a {
@apply text-white;
}
.box {
@apply flex p-2 transition-colors cursor-pointer min-h-16 bg-coolgray-100 hover:bg-coollabs-100 hover:text-white hover:no-underline min-w-[24rem];
@apply flex p-2 transition-colors cursor-pointer min-h-[4rem] bg-coolgray-100 hover:bg-coollabs-100 hover:text-white hover:no-underline min-w-[24rem];
}
.box-without-bg {
@apply flex p-2 transition-colors min-h-16 hover:text-white hover:no-underline min-w-[24rem];
@apply flex p-2 transition-colors h-16 min-h-full hover:text-white hover:no-underline min-h-[4rem];
}
.description {
@apply pt-2 text-xs font-bold text-neutral-500 group-hover:text-white;

View File

@@ -5,6 +5,7 @@
<div class="fixed z-50 top-[4.5rem] left-4" id="vue">
<magic-bar></magic-bar>
</div>
<livewire:sponsorship />
<main class="pb-10 main max-w-screen-2xl">
{{ $slot }}
</main>

View File

@@ -0,0 +1,14 @@
<div>
@if (data_get(auth()->user(), 'is_notification_sponsorship_enabled'))
<div class="toast">
<div class="flex flex-col text-white rounded alert bg-coolgray-200">
<span>Love Coolify as we do? <a href="https://coolify.io/sponsorships"
class="underline text-warning">Please
consider donating!</a>💜</span>
<span>It enables us to keep creating features without paywalls, ensuring our work remains free and
open.</span>
<x-forms.button class="bg-coolgray-400" wire:click='disable'>Disable This Popup</x-forms.button>
</div>
</div>
@endif
</div>