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

Compare commits

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

No commits in common. "55f0eab76ddf42a67886e5bd584da7d9d91c710f" and "1a136670ff9b78c6f67cecd9ab72b953d793aab5" have entirely different histories.
55f0eab76d ... 1a136670ff

4 changed files with 5 additions and 15 deletions
Show Stats Expand all files Collapse all files

2
index.html
View File

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

6
logo.svg
View File

@ -1,6 +0,0 @@
<?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

Before

Width:  |  Height:  |  Size: 289 B

4
src/components/Tab.tsx
View File

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

8
src/models.ts
View File

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