tajniak81andClaude Opus 5.5
7e5e38c921
apps/ui: Warp's design system for Vue 3 + Tailwind v4. Tokens, fonts, icons and logo come from the brand package, with a Tailwind theme on the tokens and Vue components on the brand component styles. apps/admin: the admin panel as a separate, optional service. warp-admin embeds the built Vue app and proxies only the login endpoints and /_warp/admin/v1 to the homeserver. Pages: dashboard, users, rooms, federation, registration and tokens, server notices, application services, audit log. Also: pnpm workspace, go.work entry, Dockerfile, an `admin` compose profile, Makefile targets, a CI job with a proxy smoke test, and docs. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
38 lines
813 B
Vue
38 lines
813 B
Vue
<script setup lang="ts">
|
|
import { computed } from 'vue'
|
|
import { iconBody, type IconName } from '../icons'
|
|
|
|
const props = withDefaults(
|
|
defineProps<{
|
|
name: IconName
|
|
/** px */
|
|
size?: number
|
|
/** Accessible name; leave out for a decorative icon. */
|
|
label?: string
|
|
}>(),
|
|
{ size: 20, label: undefined },
|
|
)
|
|
|
|
const body = computed(() => iconBody(props.name))
|
|
</script>
|
|
|
|
<template>
|
|
<svg
|
|
class="wp-icon"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
viewBox="0 0 24 24"
|
|
:width="size"
|
|
:height="size"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
stroke-width="1.75"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
:role="label ? 'img' : undefined"
|
|
:aria-label="label"
|
|
:aria-hidden="label ? undefined : 'true'"
|
|
focusable="false"
|
|
v-html="body"
|
|
/>
|
|
</template>
|