dpnmw/community-landing
1
0
Fork 0
mirror of https://github.com/dpnmw/community-landing.git synced 2026-03-18 09:27:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

UI changes for badge

Browse Source
This commit is contained in:
DPN MW
2026-03-11 12:48:18 -04:00
parent 81971b70fc
commit 70cf5099d4
1 changed files with 11 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
assets/stylesheets/community_landing/landing.css
View File

@@ -2322,21 +2322,20 @@ html, .cl-body {
width: 40px; width: 40px;
height: 40px; height: 40px;
border-radius: 50%; border-radius: 50%;
background: #111119; background: var(--cl-glass);
backdrop-filter: var(--cl-blur);
-webkit-backdrop-filter: var(--cl-blur);
border: none; border: none;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
cursor: pointer; cursor: pointer;
transition: transform 0.3s ease; opacity: 0.4;
transition: transform 0.3s ease, opacity 0.3s ease;
} }
.cl-designer-badge:hover { .cl-designer-badge:hover {
transform: scale(1.08); transform: scale(1.08);
} opacity: 1;
[data-theme="light"] .cl-designer-badge {
background: #ffffff;
}
[data-theme="light"] .cl-designer-badge:hover {
} }
.cl-designer-badge__logo { .cl-designer-badge__logo {
width: 26px; width: 26px;
@@ -2349,8 +2348,8 @@ html, .cl-body {
position: absolute; position: absolute;
bottom: calc(100% + 10px); bottom: calc(100% + 10px);
right: 0; right: 0;
background: #111119; background: var(--cl-accent-subtle);
border: 1px solid var(--cl-accent, #d4a24e); border: 1px solid var(--cl-border-hover);
border-radius: 40px; border-radius: 40px;
padding: 0px 12px 4px; padding: 0px 12px 4px;
white-space: nowrap; white-space: nowrap;
@@ -2363,10 +2362,6 @@ html, .cl-body {
opacity: 1; opacity: 1;
pointer-events: auto; pointer-events: auto;
} }
[data-theme="light"] .cl-designer-badge__tooltip {
background: #ffffff;
border-color: var(--cl-accent, #d4a24e);
}
.cl-designer-badge__tooltip::after { .cl-designer-badge__tooltip::after {
content: ""; content: "";
position: absolute; position: absolute;
@@ -2375,12 +2370,12 @@ html, .cl-body {
width: 8px; width: 8px;
height: 8px; height: 8px;
background: inherit; background: inherit;
border-right: 1px solid var(--cl-accent, #d4a24e); border-right: 1px solid var(--cl-border-hover);
border-bottom: 1px solid var(--cl-accent, #d4a24e); border-bottom: 1px solid var(--cl-border-hover);
transform: rotate(45deg); transform: rotate(45deg);
} }
[data-theme="light"] .cl-designer-badge__tooltip::after { [data-theme="light"] .cl-designer-badge__tooltip::after {
border-color: var(--cl-accent, #d4a24e); border-color: var(--cl-border-hover);
} }
.cl-designer-badge__tooltip a { .cl-designer-badge__tooltip a {
color: #e8b84f; color: #e8b84f;