rosslh/coolify
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Style PostgreSQL type docs links to match service list (#7494)

Browse source
This commit is contained in:
Andras Bacsai 2025-12-04 15:33:00 +01:00 committed by GitHub
commit b0f6693fd4
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 50 additions and 44 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
resources/css/utilities.css
View file

@ -230,7 +230,7 @@ @utility box-without-bg-without-border {
} }
@utility coolbox { @utility coolbox {
@apply relative flex transition-all duration-150 dark:bg-coolgray-100 bg-white p-2 rounded-lg border border-neutral-200 dark:border-coolgray-400 hover:ring-2 dark:hover:ring-warning hover:ring-coollabs cursor-pointer min-h-[4rem]; @apply relative flex transition-all duration-150 dark:bg-coolgray-100 bg-white p-2 rounded border border-neutral-200 dark:border-coolgray-400 hover:ring-2 dark:hover:ring-warning hover:ring-coollabs cursor-pointer min-h-[4rem];
} }
@utility on-box { @utility on-box {

4
resources/views/livewire/project/new/github-private-repository-deploy-key.blade.php
View file

@ -7,7 +7,7 @@
<div class="flex flex-col justify-center gap-2 text-left "> <div class="flex flex-col justify-center gap-2 text-left ">
@forelse ($private_keys as $key) @forelse ($private_keys as $key)
@if ($private_key_id == $key->id) @if ($private_key_id == $key->id)
<div class="gap-2 py-4 cursor-pointer group hover:bg-coollabs bg-coolgray-100 coolbox" <div class="gap-2 py-4 cursor-pointer group coolbox"
wire:click="setPrivateKey('{{ $key->id }}')" wire:key="{{ $key->id }}"> wire:click="setPrivateKey('{{ $key->id }}')" wire:key="{{ $key->id }}">
<div class="flex flex-col mx-6"> <div class="flex flex-col mx-6">
<div class="box-title"> <div class="box-title">
@ -20,7 +20,7 @@ class="loading loading-xs dark:text-warning loading-spinner"></span>
</div> </div>
</div> </div>
@else @else
<div class="gap-2 py-4 cursor-pointer group hover:bg-coollabs bg-coolgray-100 coolbox" <div class="gap-2 py-4 cursor-pointer group coolbox"
wire:click="setPrivateKey('{{ $key->id }}')" wire:key="{{ $key->id }}"> wire:click="setPrivateKey('{{ $key->id }}')" wire:key="{{ $key->id }}">
<div class="flex flex-col mx-6"> <div class="flex flex-col mx-6">
<div class="box-title"> <div class="box-title">

6
resources/views/livewire/project/new/github-private-repository.blade.php
View file

@ -21,7 +21,7 @@
<div class="flex flex-col justify-center gap-2 text-left"> <div class="flex flex-col justify-center gap-2 text-left">
@foreach ($github_apps as $ghapp) @foreach ($github_apps as $ghapp)
<div class="flex"> <div class="flex">
<div class="w-full gap-2 py-4 bg-white cursor-pointer group hover:bg-coollabs dark:bg-coolgray-200 coolbox" <div class="w-full gap-2 py-4 group coolbox"
wire:click.prevent="loadRepositories({{ $ghapp->id }})" wire:click.prevent="loadRepositories({{ $ghapp->id }})"
wire:key="{{ $ghapp->id }}"> wire:key="{{ $ghapp->id }}">
<div class="flex mr-4"> <div class="flex mr-4">
@ -118,8 +118,8 @@
}" class="gap-2 flex flex-col"> }" class="gap-2 flex flex-col">
<x-forms.input placeholder="/" wire:model.defer="base_directory" <x-forms.input placeholder="/" wire:model.defer="base_directory"
label="Base Directory" label="Base Directory"
helper="Directory to use as root. Useful for monorepos." helper="Directory to use as root. Useful for monorepos." x-model="baseDir"
x-model="baseDir" @blur="normalizeBaseDir()" /> @blur="normalizeBaseDir()" />
<x-forms.input placeholder="/docker-compose.yaml" <x-forms.input placeholder="/docker-compose.yaml"
wire:model.defer="docker_compose_location" label="Docker Compose Location" wire:model.defer="docker_compose_location" label="Docker Compose Location"
helper="It is calculated together with the Base Directory." helper="It is calculated together with the Base Directory."

82
resources/views/livewire/project/new/select.blade.php
View file

@ -450,7 +450,7 @@ function searchResources() {
PostgreSQL PostgreSQL
17 (default).</div> 17 (default).</div>
<div class="flex flex-col gap-6 pt-8"> <div class="flex flex-col gap-6 pt-8">
<div class="gap-2 border border-transparent box-without-bg dark:bg-coolgray-100 bg-white dark:hover:text-neutral-400 dark:hover:bg-coollabs group flex" <div class="gap-2 coolbox group flex relative"
:class="{ 'cursor-pointer': !selecting, 'cursor-not-allowed opacity-50': selecting }" :class="{ 'cursor-pointer': !selecting, 'cursor-not-allowed opacity-50': selecting }"
x-on:click="!selecting && (selecting = true, $wire.setPostgresqlType('postgres:17-alpine'))" x-on:click="!selecting && (selecting = true, $wire.setPostgresqlType('postgres:17-alpine'))"
:disabled="selecting"> :disabled="selecting">
@ -460,17 +460,18 @@ function searchResources() {
PostgreSQL is a powerful, open-source object-relational database system (no extensions). PostgreSQL is a powerful, open-source object-relational database system (no extensions).
</div> </div>
</div> </div>
<div class="flex-1"></div> <a href="https://hub.docker.com/_/postgres/" target="_blank"
@click.stop
<div class="flex items-center px-2" title="Read the documentation."> class="absolute top-2 right-2 p-1.5 rounded hover:bg-neutral-200 dark:hover:bg-coolgray-300 transition-colors"
<a class="p-2 hover:underline dark:group-hover:text-white dark:text-white text-neutral-6000" title="View documentation">
onclick="event.stopPropagation()" href="https://hub.docker.com/_/postgres/" <svg class="w-4 h-4 text-neutral-600 dark:text-neutral-400" fill="none"
target="_blank"> stroke="currentColor" viewBox="0 0 24 24">
Documentation <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
</a> d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
</div> </svg>
</a>
</div> </div>
<div class="gap-2 border border-transparent box-without-bg dark:bg-coolgray-100 bg-white dark:hover:text-neutral-400 dark:hover:bg-coollabs group flex" <div class="gap-2 coolbox group flex relative"
:class="{ 'cursor-pointer': !selecting, 'cursor-not-allowed opacity-50': selecting }" :class="{ 'cursor-pointer': !selecting, 'cursor-not-allowed opacity-50': selecting }"
x-on:click="!selecting && (selecting = true, $wire.setPostgresqlType('supabase/postgres:17.4.1.032'))" x-on:click="!selecting && (selecting = true, $wire.setPostgresqlType('supabase/postgres:17.4.1.032'))"
:disabled="selecting"> :disabled="selecting">
@ -480,16 +481,18 @@ function searchResources() {
Supabase is a modern, open-source alternative to PostgreSQL with lots of extensions. Supabase is a modern, open-source alternative to PostgreSQL with lots of extensions.
</div> </div>
</div> </div>
<div class="flex-1"></div> <a href="https://github.com/supabase/postgres" target="_blank"
<div class="flex items-center px-2" title="Read the documentation."> @click.stop
<a class="p-2 hover:underline dark:group-hover:text-white dark:text-white text-neutral-600" class="absolute top-2 right-2 p-1.5 rounded hover:bg-neutral-200 dark:hover:bg-coolgray-300 transition-colors"
onclick="event.stopPropagation()" href="https://github.com/supabase/postgres" title="View documentation">
target="_blank"> <svg class="w-4 h-4 text-neutral-600 dark:text-neutral-400" fill="none"
Documentation stroke="currentColor" viewBox="0 0 24 24">
</a> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
</div> d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
</svg>
</a>
</div> </div>
<div class="gap-2 border border-transparent box-without-bg dark:bg-coolgray-100 bg-white dark:hover:text-neutral-400 dark:hover:bg-coollabs group flex" <div class="gap-2 coolbox group flex relative"
:class="{ 'cursor-pointer': !selecting, 'cursor-not-allowed opacity-50': selecting }" :class="{ 'cursor-pointer': !selecting, 'cursor-not-allowed opacity-50': selecting }"
x-on:click="!selecting && (selecting = true, $wire.setPostgresqlType('postgis/postgis:17-3.5-alpine'))" x-on:click="!selecting && (selecting = true, $wire.setPostgresqlType('postgis/postgis:17-3.5-alpine'))"
:disabled="selecting"> :disabled="selecting">
@ -499,16 +502,18 @@ function searchResources() {
PostGIS is a PostgreSQL extension for geographic objects. PostGIS is a PostgreSQL extension for geographic objects.
</div> </div>
</div> </div>
<div class="flex-1"></div> <a href="https://github.com/postgis/docker-postgis" target="_blank"
<div class="flex items-center px-2" title="Read the documentation."> @click.stop
<a class="p-2 hover:underline dark:group-hover:text-white dark:text-white text-neutral-600" class="absolute top-2 right-2 p-1.5 rounded hover:bg-neutral-200 dark:hover:bg-coolgray-300 transition-colors"
onclick="event.stopPropagation()" href="https://github.com/postgis/docker-postgis" title="View documentation">
target="_blank"> <svg class="w-4 h-4 text-neutral-600 dark:text-neutral-400" fill="none"
Documentation stroke="currentColor" viewBox="0 0 24 24">
</a> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
</div> d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
</svg>
</a>
</div> </div>
<div class="gap-2 border border-transparent box-without-bg dark:bg-coolgray-100 bg-white dark:hover:text-neutral-400 dark:hover:bg-coollabs group flex" <div class="gap-2 coolbox group flex relative"
:class="{ 'cursor-pointer': !selecting, 'cursor-not-allowed opacity-50': selecting }" :class="{ 'cursor-pointer': !selecting, 'cursor-not-allowed opacity-50': selecting }"
x-on:click="!selecting && (selecting = true, $wire.setPostgresqlType('pgvector/pgvector:pg17'))" x-on:click="!selecting && (selecting = true, $wire.setPostgresqlType('pgvector/pgvector:pg17'))"
:disabled="selecting"> :disabled="selecting">
@ -518,15 +523,16 @@ function searchResources() {
PGVector is a PostgreSQL extension for vector data types. PGVector is a PostgreSQL extension for vector data types.
</div> </div>
</div> </div>
<div class="flex-1"></div> <a href="https://github.com/pgvector/pgvector" target="_blank"
@click.stop
<div class="flex items-center px-2" title="Read the documentation."> class="absolute top-2 right-2 p-1.5 rounded hover:bg-neutral-200 dark:hover:bg-coolgray-300 transition-colors"
<a class="p-2 hover:underline dark:group-hover:text-white dark:text-white text-neutral-600" title="View documentation">
onclick="event.stopPropagation()" href="https://github.com/pgvector/pgvector" <svg class="w-4 h-4 text-neutral-600 dark:text-neutral-400" fill="none"
target="_blank"> stroke="currentColor" viewBox="0 0 24 24">
Documentation <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
</a> d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
</div> </svg>
</a>
</div> </div>
</div> </div>
</div> </div>