mirror of
https://github.com/Memo-2023/mana-monorepo.git
synced 2026-05-21 16:46:43 +02:00
feat(shared-auth-ui): redesign login page with animations and theme support
- Migrate icons from custom implementation to @manacore/shared-icons (phosphor-svelte) - Add CSS media queries for dark/light mode (no more flash on reload) - Add subtle entrance animations (logo fadeInScale, form fadeInUp, slider fadeIn) - Redesign custom checkbox with CSS-only styling - Remove isDark prop dependency, use prefers-color-scheme instead - Update auth layout to allow full-page rendering Also updates AppSlider component: - Add staggered entrance animations for app cards - Redesign modal with glassmorphism style - Add theme-aware styling via CSS media queries - Improve status badge design in modal - Add close button in top-right corner 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
parent
61d181fbc2
commit
129692812b
10 changed files with 1083 additions and 603 deletions
|
|
@ -1,30 +0,0 @@
|
|||
<script lang="ts">
|
||||
import { iconPaths, type IconName } from '../icons/iconPaths';
|
||||
|
||||
interface Props {
|
||||
name: IconName;
|
||||
size?: number;
|
||||
class?: string;
|
||||
color?: string;
|
||||
}
|
||||
|
||||
let { name, size = 24, class: className = '', color }: Props = $props();
|
||||
|
||||
const path = $derived(iconPaths[name]);
|
||||
</script>
|
||||
|
||||
{#if path}
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width={size}
|
||||
height={size}
|
||||
fill={color || 'currentColor'}
|
||||
viewBox="0 0 256 256"
|
||||
class={className}
|
||||
aria-hidden="true"
|
||||
>
|
||||
{@html path}
|
||||
</svg>
|
||||
{:else}
|
||||
<span class="text-red-500" title="Icon '{name}' not found">⚠</span>
|
||||
{/if}
|
||||
Loading…
Add table
Add a link
Reference in a new issue