sass/root-org
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Mega push vol 5, working on messaging now

Browse Source
This commit is contained in:
AlacrisDevs
2026-02-07 01:31:55 +02:00
parent d8bbfd9dc3
commit e55881b38b
77 changed files with 8478 additions and 1554 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
src/lib/components/ui/Logo.svelte
View File

@@ -1,39 +1,54 @@
<script lang="ts">
interface Props {
size?: "sm" | "md";
size?: "sm" | "md" | "lg";
showText?: boolean;
}
let { size = "md" }: Props = $props();
let { size = "md", showText = false }: Props = $props();
const sizeClasses = {
sm: "w-10 h-10",
md: "w-12 h-12",
const iconSizes = {
sm: "w-8 h-8",
md: "w-10 h-10",
lg: "w-12 h-12",
};
const textSizes = {
sm: "text-[14px]",
md: "text-[18px]",
lg: "text-[22px]",
};
</script>
<div class="flex items-center justify-center {sizeClasses[size]}">
<svg
viewBox="0 0 38 21"
fill="none"
xmlns="http://www.w3.org/2000/svg"
class="w-full h-auto"
>
<!-- Root logo SVG paths matching Figma -->
<path
d="M0 0.5C0 0.224 0.224 0 0.5 0H37.5C37.776 0 38 0.224 38 0.5V12.203C38 12.479 37.776 12.703 37.5 12.703H0.5C0.224 12.703 0 12.479 0 12.203V0.5Z"
fill="#00A3E0"
fill-opacity="0.2"
/>
<!-- Left eye -->
<circle cx="11.5" cy="7.5" r="5" fill="#00A3E0" />
<!-- Right eye -->
<circle cx="23.5" cy="7.5" r="5" fill="#00A3E0" />
<!-- Mouth/smile -->
<path
d="M12.25 15.04C12.25 15.04 15 20.25 18.75 20.25C22.5 20.25 25.25 15.04 25.25 15.04"
stroke="#00A3E0"
stroke-width="2"
stroke-linecap="round"
/>
</svg>
<div class="flex items-center gap-2">
<div class="shrink-0 {iconSizes[size]} transition-all duration-300">
<svg
viewBox="0 0 38 21"
fill="none"
xmlns="http://www.w3.org/2000/svg"
class="w-full h-auto"
>
<path
d="M0 0.5C0 0.224 0.224 0 0.5 0H37.5C37.776 0 38 0.224 38 0.5V12.203C38 12.479 37.776 12.703 37.5 12.703H0.5C0.224 12.703 0 12.479 0 12.203V0.5Z"
fill="#00A3E0"
fill-opacity="0.2"
/>
<circle cx="11.5" cy="7.5" r="5" fill="#00A3E0" />
<circle cx="23.5" cy="7.5" r="5" fill="#00A3E0" />
<path
d="M12.25 15.04C12.25 15.04 15 20.25 18.75 20.25C22.5 20.25 25.25 15.04 25.25 15.04"
stroke="#00A3E0"
stroke-width="2"
stroke-linecap="round"
/>
</svg>
</div>
{#if showText}
<span
class="font-heading {textSizes[
size
]} text-primary leading-none whitespace-nowrap transition-all duration-300"
>
Root
</span>
{/if}
</div>