From 0ff8a2c791f3c1a9b93eac905ec832589423e47a Mon Sep 17 00:00:00 2001
From: Thomas Kaul <4159106+dtslvr@users.noreply.github.com>
Date: Sat, 25 Oct 2025 09:49:33 +0200
Subject: [PATCH] Refactoring
---
.../src/assets/images/logo-selfhostedhub.svg | 29 ++---------------
.../logo-carousel.component.scss | 32 +++++++++----------
.../logo-carousel/logo-carousel.component.ts | 3 +-
3 files changed, 18 insertions(+), 46 deletions(-)
diff --git a/apps/client/src/assets/images/logo-selfhostedhub.svg b/apps/client/src/assets/images/logo-selfhostedhub.svg
index 7f315bd1b..72fccdc07 100644
--- a/apps/client/src/assets/images/logo-selfhostedhub.svg
+++ b/apps/client/src/assets/images/logo-selfhostedhub.svg
@@ -1,27 +1,2 @@
-
-
+
+
diff --git a/libs/ui/src/lib/logo-carousel/logo-carousel.component.scss b/libs/ui/src/lib/logo-carousel/logo-carousel.component.scss
index 650680984..89a837195 100644
--- a/libs/ui/src/lib/logo-carousel/logo-carousel.component.scss
+++ b/libs/ui/src/lib/logo-carousel/logo-carousel.component.scss
@@ -138,10 +138,14 @@
mask-image: url('/assets/images/logo-selfh-st.svg');
max-height: 1.25rem;
}
-
+
&.logo-selfhostedhub {
- mask-image: url('/assets/images/logo-selfhostedhub.svg');
- max-height: 1.25rem;
+ background-image: url('/assets/images/logo-selfhostedhub.svg');
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: contain;
+ filter: grayscale(1);
+ opacity: 0.5;
}
&.logo-sourceforge {
@@ -199,20 +203,14 @@
);
}
- .logo {
- &.logo-alternative-to,
- &.logo-dev-community,
- &.logo-hacker-news,
- &.logo-openalternative,
- &.logo-privacy-tools,
- &.logo-reddit,
- &.logo-sackgeld,
- &.logo-selfh-st,
- &.logo-selfhostedhub,
- &.logo-sourceforge,
- &.logo-umbrel,
- &.logo-unraid,{
- background-color: rgba(var(--light-primary-text));
+ .logo-carousel-track {
+ .logo-carousel-item {
+ .logo {
+ &.mask {
+ background-color: rgba(var(--light-secondary-text));
+ }
+ }
+ }
}
}
}
diff --git a/libs/ui/src/lib/logo-carousel/logo-carousel.component.ts b/libs/ui/src/lib/logo-carousel/logo-carousel.component.ts
index 57ebc8fb1..ea6344694 100644
--- a/libs/ui/src/lib/logo-carousel/logo-carousel.component.ts
+++ b/libs/ui/src/lib/logo-carousel/logo-carousel.component.ts
@@ -84,9 +84,8 @@ export class GfLogoCarouselComponent {
},
{
className: 'logo-selfhostedhub',
- isMask: true,
name: 'SelfhostedHub',
- title: 'SelfhostedHub – Discover self-hosted software solutions',
+ title: 'SelfhostedHub — Discover best self-hosted software',
url: 'https://selfhostedhub.com'
},
{