refactor: import brand icons directly from design system
Import PNGs via Vite from @cameleer/design-system/assets instead of copying to public/. Only favicons remain in public/ (needed by HTML). Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -95,8 +95,6 @@ public class SecurityConfig {
|
|||||||
"/index.html",
|
"/index.html",
|
||||||
"/config.js",
|
"/config.js",
|
||||||
"/favicon-*.png",
|
"/favicon-*.png",
|
||||||
"/cameleer3-logo-*.png",
|
|
||||||
"/camel-logo.svg",
|
|
||||||
"/assets/**"
|
"/assets/**"
|
||||||
).permitAll()
|
).permitAll()
|
||||||
|
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 8.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 37 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.6 KiB |
@@ -4,6 +4,7 @@ import { useAuthStore } from './auth-store';
|
|||||||
import { api } from '../api/client';
|
import { api } from '../api/client';
|
||||||
import { config } from '../config';
|
import { config } from '../config';
|
||||||
import { Card, Input, Button, Alert, FormField } from '@cameleer/design-system';
|
import { Card, Input, Button, Alert, FormField } from '@cameleer/design-system';
|
||||||
|
import brandLogo from '@cameleer/design-system/assets/cameleer3-192.png';
|
||||||
import styles from './LoginPage.module.css';
|
import styles from './LoginPage.module.css';
|
||||||
|
|
||||||
interface OidcInfo {
|
interface OidcInfo {
|
||||||
@@ -131,7 +132,7 @@ export function LoginPage() {
|
|||||||
<Card className={styles.card}>
|
<Card className={styles.card}>
|
||||||
<div className={styles.loginForm}>
|
<div className={styles.loginForm}>
|
||||||
<div className={styles.logo}>
|
<div className={styles.logo}>
|
||||||
<img src={`${config.basePath}cameleer3-logo-192.png`} alt="" className={styles.logoImg} />
|
<img src={brandLogo} alt="" className={styles.logoImg} />
|
||||||
cameleer3
|
cameleer3
|
||||||
</div>
|
</div>
|
||||||
<p className={styles.subtitle}>{subtitle}</p>
|
<p className={styles.subtitle}>{subtitle}</p>
|
||||||
|
|||||||
@@ -16,6 +16,7 @@ import {
|
|||||||
useStarred,
|
useStarred,
|
||||||
} from '@cameleer/design-system';
|
} from '@cameleer/design-system';
|
||||||
import type { SearchResult, SidebarTreeNode } from '@cameleer/design-system';
|
import type { SearchResult, SidebarTreeNode } from '@cameleer/design-system';
|
||||||
|
import sidebarLogo from '@cameleer/design-system/assets/cameleer3-48.png';
|
||||||
import { Box, Settings, FileText, ChevronRight, Square, Pause, Star, X } from 'lucide-react';
|
import { Box, Settings, FileText, ChevronRight, Square, Pause, Star, X } from 'lucide-react';
|
||||||
import { useQueryClient } from '@tanstack/react-query';
|
import { useQueryClient } from '@tanstack/react-query';
|
||||||
import { useRouteCatalog } from '../api/queries/catalog';
|
import { useRouteCatalog } from '../api/queries/catalog';
|
||||||
@@ -625,7 +626,7 @@ function LayoutContent() {
|
|||||||
|
|
||||||
// --- Render -------------------------------------------------------
|
// --- Render -------------------------------------------------------
|
||||||
const camelLogo = (
|
const camelLogo = (
|
||||||
<img src={`${config.basePath}cameleer3-logo-48.png`} alt="" style={{ width: 28, height: 28 }} />
|
<img src={sidebarLogo} alt="" style={{ width: 28, height: 28 }} />
|
||||||
);
|
);
|
||||||
|
|
||||||
const sidebarElement = (
|
const sidebarElement = (
|
||||||
|
|||||||
Reference in New Issue
Block a user