Hmm, shadow, gradient?

This commit is contained in:
shamoon
2026-08-25 19:49:16 -07:00
parent 595a3ffa03
commit 57d04f23cd
2 changed files with 14 additions and 1 deletions
@@ -1,4 +1,4 @@
<ngb-alert class="welcome-widget pe-3" type="primary" [dismissible]="true" (closed)="dismiss.emit(true)">
<ngb-alert class="welcome-widget shadow-sm pe-3" type="primary" [dismissible]="true" (closed)="dismiss.emit(true)">
<div class="d-flex align-items-start gap-3 gap-md-4">
<svg class="d-none d-sm-block flex-shrink-0 text-primary" width="3rem" height="3rem" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" fill="currentColor" aria-hidden="true">
<path d="M341,949.1c-6.9-20.3-20.7-61.2-21.9-61-199.6-88.9-182.5-229.8-134.3-347.5,30,137.2,268.8,148.9,146.2,336-.9,2.2,10,27.8,19.5,51.3,22.7-51.9,58.6-115.5,55.8-120.8C178,398.7,724.9,299,807.1,18.5c83,251.5,53.1,659.8-377.4,814.9-2,1.4-63.5,148.6-66.9,150.2-.2-2.1-33.2,2.9-30.1-8.7,1.6-7,4.8-16.2,8.2-25.6h0v-.2h.1ZM323.1,846.2c48.3-71.9-12.7-120.8-56.9-152.2,81.2,107.4,66.4,120.8,56.9,152.2h0Z"/>
@@ -0,0 +1,13 @@
.welcome-widget {
border-color: color-mix(in srgb, var(--bs-primary) 30%, transparent);
background-image: linear-gradient(115deg, color-mix(in srgb, var(--bs-primary) 12%, transparent), transparent 60%);
hr {
border-top-color: color-mix(in srgb, var(--bs-primary) 25%, transparent);
}
}
.welcome-copy {
max-width: 68ch;
}