xt/estim_control
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

prepare Pattern Editor page header part.

Browse Source
This commit is contained in:
Vixalie 2025-03-09 22:15:01 +08:00
parent d1d8def602
commit 66a85f29f9
2 changed files with 22 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/page-components/pattern-editor/PatternHeader.module.css
View File

@ -9,5 +9,8 @@
border-radius: calc(var(--border-radius) * 2);
color: var(--color-light-on-surface);
background-color: var(--color-surface-container);
.content {
max-width: 300px;
}
}
}

19
src/page-components/pattern-editor/PatternHeader.tsx Normal file
View File

@ -0,0 +1,19 @@
import { Icon } from '@iconify/react/dist/iconify.js';
import { FC } from 'react';
import EditableContent from '../../components/EditableContent';
import styles from './PatternHeader.module.css';
const PatternHeader: FC = () => {
return (
<div className={styles.pattern_header}>
<EditableContent as="h3" placeholder="Unnamed Pattern" additionalClassName={styles.content} />
<div className="spacer" />
<button className="tonal">
<Icon icon="material-symbols-light:close" />
Close Edit
</button>
</div>
);
};
export default PatternHeader;