From 66fe124dd163cf4c514e32ded67e78258238ddd3 Mon Sep 17 00:00:00 2001 From: Andras Bacsai Date: Fri, 22 Mar 2024 12:47:19 +0100 Subject: [PATCH] Update CSS styles and fix SVG icons --- resources/css/app.css | 15 ++++---- resources/views/components/navbar.blade.php | 9 ++--- .../views/components/resource-view.blade.php | 7 ++-- .../livewire/project/new/select.blade.php | 35 ++++++++++--------- 4 files changed, 34 insertions(+), 32 deletions(-) diff --git a/resources/css/app.css b/resources/css/app.css index d3ac514e6..3c2a79dff 100644 --- a/resources/css/app.css +++ b/resources/css/app.css @@ -128,7 +128,7 @@ .menu { } .menu-item { - @apply flex items-center w-full gap-2 py-1 pl-2 dark:hover:bg-coolgray-100 dark:hover:text-white hover:bg-neutral-300; + @apply flex items-center w-full gap-3 py-1 pl-2 dark:hover:bg-coolgray-100 dark:hover:text-white hover:bg-neutral-300; } .menu-item-active { @@ -136,7 +136,11 @@ .menu-item-active { } .icon { - @apply w-4 h-4; + @apply w-6 h-6; +} + +.icon:hover { + @apply text-white; } .scrollbar { @@ -163,13 +167,8 @@ .kbd-custom { @apply px-2 text-xs border border-dashed rounded border-neutral-700 text-warning; } -.icon { - @apply w-6 h-6; -} -.icon:hover { - @apply text-white; -} + .box { @apply flex p-2 transition-colors cursor-pointer min-h-[4rem] dark:bg-coolgray-100 bg-neutral-50 hover:bg-neutral-200 dark:hover:bg-coollabs-100 dark:hover:text-white hover:no-underline; diff --git a/resources/views/components/navbar.blade.php b/resources/views/components/navbar.blade.php index f7659bbd0..58def1b0e 100644 --- a/resources/views/components/navbar.blade.php +++ b/resources/views/components/navbar.blade.php @@ -85,8 +85,10 @@ class="{{ request()->is('source*') ? 'menu-item-active menu-item' : 'menu-item' class="{{ request()->is('destination*') ? 'menu-item-active menu-item' : 'menu-item' }}" href="{{ route('destination.all') }}"> - - + + Destinations @@ -233,8 +235,7 @@ class="{{ request()->is('onboarding*') ? 'menu-item-active menu-item' : 'menu-it
  • - + diff --git a/resources/views/components/resource-view.blade.php b/resources/views/components/resource-view.blade.php index 95ddcaed8..d80dccdf2 100644 --- a/resources/views/components/resource-view.blade.php +++ b/resources/views/components/resource-view.blade.php @@ -1,18 +1,18 @@
    !$upgrade, - 'hover:border-red-500 cursor-not-allowed ' => $upgrade, + 'hover:border-red-500 cursor-not-allowed' => $upgrade, ]) @if (!$upgrade) wire:click={{ $wire }} @endif>
    {{ $logo }}
    -
    +
    {{ $title }}
    @if($upgrade)
    {{ $upgrade }}
    @else -     @endisset -
    diff --git a/resources/views/livewire/project/new/select.blade.php b/resources/views/livewire/project/new/select.blade.php index c37c4e0c3..079d7861b 100644 --- a/resources/views/livewire/project/new/select.blade.php +++ b/resources/views/livewire/project/new/select.blade.php @@ -10,10 +10,11 @@
    Deploy resources, like Applications, Databases, Services...
    -
    +
    @if ($current_step === 'type')

    Applications

    -
    +

    Git Based

    +
    Public Repository @@ -49,9 +50,10 @@
    +

    Docker Based

    - Based on a Dockerfile + Dockerfile You can deploy a simple Dockerfile, without Git. @@ -62,7 +64,7 @@ - Based on a Docker Compose + Docker Compose You can deploy complex application easily with Docker Compose, without Git. @@ -73,7 +75,7 @@ - Based on an existing Docker Image + Existing Docker Image You can deploy an existing Docker Image from any Registry, without Git. @@ -85,9 +87,9 @@

    Databases

    -
    +
    - New PostgreSQL + PostgreSQL PostgreSQL is an object-relational database known for its robustness, advanced features, and strong standards compliance. @@ -99,7 +101,7 @@ - New Redis + Redis Redis is an open-source, in-memory data structure store, used as a database, cache, and message broker. @@ -111,7 +113,7 @@ - New MongoDB + MongoDB MongoDB is a source-available, NoSQL database that uses JSON-like documents with optional schemas. @@ -123,7 +125,7 @@ - New MySQL + MySQL MySQL is a relational database known for its speed, reliability, and flexibility. @@ -135,7 +137,7 @@ - New Mariadb + Mariadb MariaDB is a relational database that serves as a drop-in replacement for MySQL. @@ -161,9 +163,12 @@

    Services

    Reload List - +
    -
    +
    Trademarks Policy: The respective trademarks mentioned here are owned by the + respective + companies, and use of them does not imply any affiliation or endorsement.
    +
    @if ($loadingServices) @else @@ -242,9 +247,7 @@ @endforelse @endif
    -
    Trademarks Policy: The respective trademarks mentioned here are owned by the - respective - companies, and use of them does not imply any affiliation or endorsement.
    + @endif @if ($current_step === 'servers')

    Select a server