xt/color-q
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: xt:1a136670ff9b78c6f67cecd9ab72b953d793aab5
Branches Tags
xt:main
xt:wasm-load
...
compare: xt:55f0eab76ddf42a67886e5bd584da7d9d91c710f
Branches Tags
xt:main
xt:wasm-load

2 Commits
1a136670ff ... 55f0eab76d

Author SHA1 Message Date
徐涛
55f0eab76d 修正部分编译错误。 2025-02-17 13:11:21 +08:00
徐涛
ed2e323e3e 更新站点Logo。 2025-02-17 13:10:55 +08:00
4 changed files with 15 additions and 5 deletions
Show Stats Expand all files Collapse all files

2
index.html
View File

@ -3,7 +3,7 @@
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<link rel="icon" type="image/svg+xml" href="/logo.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description"
content="By transforming and selecting various color theories, freely design UI color combinations." />

6
logo.svg Normal file
View File

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="utf-8"?>
<svg width="200px" height="200px" xmlns="http://www.w3.org/2000/svg">
<defs/>
<circle cx="100" cy="100" r="80" fill="none" stroke-width="20" style="stroke: rgb(235, 97, 255);"/>
<circle cx="132" cy="132" r="16" fill="rgb(235, 97, 255)"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 289 B

4
src/components/Tab.tsx
View File

@ -5,14 +5,14 @@ import styles from './Tab.module.css';
type TabOption = {
title: string;
id: unknown;
id: string;
};
type TabProps = {
tabs: TabOption[];
activeTab?: unknown;
onActive?: (id: TabOption['id']) => void;
disabled?: { [d: keyof TabOption['id']]: boolean };
disabled?: Record<TabOption['id'], boolean>;
};
export function Tab({ tabs = [], activeTab, onActive, disabled }: TabProps) {

8
src/models.ts
View File

@ -1,6 +1,9 @@
import { find, isNil } from 'lodash-es';
import { MaterialDesign2SchemeStorage } from './material-2-scheme';
import { MaterialDesign3SchemeStorage } from './material-3-scheme';
import {
MaterialDesign3DynamicSchemeStorage,
MaterialDesign3SchemeStorage,
} from './material-3-scheme';
import { QSchemeStorage } from './q-scheme';
import { SwatchSchemeStorage } from './swatch_scheme';
@ -78,4 +81,5 @@ export type SchemeStorage =
| QSchemeStorage
| SwatchSchemeStorage
| MaterialDesign2SchemeStorage
| MaterialDesign3SchemeStorage;
| MaterialDesign3SchemeStorage
| MaterialDesign3DynamicSchemeStorage;