vanja/feishin
1
0
Fork 0
mirror of https://github.com/jeffvli/feishin.git synced 2026-05-08 13:00:13 +02:00
Code Issues Packages Projects Releases Wiki Activity

Add additional information to album: record label, release type, version (#1242)

Browse Source 
* Add additional information to album

* add mbz release types and normalization

* update Pill styling

---------

Co-authored-by: jeffvli <jeffvictorli@gmail.com>
This commit is contained in:
Kendall Garner
2025-11-03 08:34:42 +00:00
committed by GitHub
parent 3fe6ccf300
commit e26ffaac53
12 changed files with 223 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/shared/components/pill/pill.module.css
+18 -7
View File
@@ -1,28 +1,39 @@
.root {
box-sizing: border-box;
user-select: auto;
background: alpha(var(--theme-colors-background), 0.5);
border: 1px solid var(--theme-colors-border);
&[data-variant='outline'] {
background: transparent;
border: 1px solid var(--theme-colors-border);
}
}
.label {
font-family: var(--theme-content-font-family);
font-family: var(--theme-content-font-family);
}
.label.sm {
font-size: var(--theme-font-size-sm);
font-size: var(--theme-font-size-sm);
}
.label.md {
font-size: var(--theme-font-size-md);
font-size: var(--theme-font-size-md);
}
.label.lg {
font-size: var(--theme-font-size-lg);
font-size: var(--theme-font-size-lg);
}
.label.xl {
font-size: var(--theme-font-size-xl);
font-size: var(--theme-font-size-xl);
}
.label.xs {
font-size: var(--theme-font-size-xs);
font-size: var(--theme-font-size-xs);
}
.remove {
transition: color 0.1s ease-in-out;
src/shared/components/pill/pill.tsx
+6 -2
View File
@@ -3,7 +3,9 @@ import clsx from 'clsx';
import styles from './pill.module.css';
export const Pill = ({ children, size = 'md', ...props }: MantinePillProps) => {
interface PillProps extends MantinePillProps {}
export const Pill = ({ children, classNames, radius = 'md', size = 'md', ...props }: PillProps) => {
return (
<MantinePill
classNames={{
@@ -17,8 +19,10 @@ export const Pill = ({ children, size = 'md', ...props }: MantinePillProps) => {
}),
remove: styles.remove,
root: styles.root,
...classNames,
}}
size="md"
radius={radius}
size={size}
{...props}
>
{children}