teidesu/tei.su
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: added some :uno: markers
All checks were successful
Publish and deploy / publish (push) Successful in 36s
Details
Publish and deploy / deploy (push) Successful in 7s
Details

Browse source
This commit is contained in:
alina 🌸 2025-01-30 15:42:22 +03:00
parent 4de8f62b7e
commit da06d5a256
Signed by: teidesu
SSH key fingerprint: SHA256:uNeCpw6aTSU4aIObXLvHfLkDa82HWH9EiOj9AXOIRpI
8 changed files with 14 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/components/pages/PageMain/PageMain.tsx
View file

@ -32,14 +32,14 @@ function LastSeenItem(props: { first?: boolean, item: TLastSeenItem }) {
<Dynamic <Dynamic
component={props.first ? 'summary' : 'div'} component={props.first ? 'summary' : 'div'}
class={cn( class={cn(
'flex flex-row items-center justify-between', ':uno: flex flex-row items-center justify-between',
props.first && 'pos-relative list-none cursor-pointer rounded-md hover:bg-control-bg-hover active:select-none [&::-webkit-details-marker]:hidden', props.first && ':uno: pos-relative list-none cursor-pointer rounded-md hover:bg-control-bg-hover active:select-none [&::-webkit-details-marker]:hidden',
)} )}
> >
<div class="max-w-full flex flex-col overflow-hidden sm:flex-row sm:items-center"> <div class=":uno: max-w-full flex flex-col overflow-hidden sm:flex-row sm:items-center">
<div class="max-w-full w-min flex flex-row items-center overflow-hidden"> <div class=":uno: max-w-full w-min flex flex-row items-center overflow-hidden">
<Link <Link
class="max-w-200px overflow-hidden text-ellipsis whitespace-nowrap lg:max-w-300px" class=":uno: max-w-200px overflow-hidden text-ellipsis whitespace-nowrap lg:max-w-300px"
href={props.item.link} href={props.item.link}
target="_blank" target="_blank"
title={props.item.text} title={props.item.text}
@ -62,7 +62,7 @@ function LastSeenItem(props: { first?: boolean, item: TLastSeenItem }) {
</i> </i>
</div> </div>
<Show when={props.first}> <Show when={props.first}>
<div data-expand-label class="before:(ml-1em whitespace-nowrap text-xs text-text-secondary content-['<'] md:content-['(click_to_expand)'] sm:content-['(expand)'])" /> <div data-expand-label class=":uno: before:(ml-1em whitespace-nowrap text-xs text-text-secondary content-['<'] md:content-['(click_to_expand)'] sm:content-['(expand)'])" />
</Show> </Show>
</Dynamic> </Dynamic>
) )
@ -188,7 +188,7 @@ export function PageMain(props: {
<> <>
#be15dc #be15dc
{' '} {' '}
<div class="mb-0.5 inline-block h-10px w-10px border border-#ccc bg-[#be15dc] align-middle" /> <div class=":uno: mb-0.5 inline-block h-10px w-10px border border-#ccc bg-[#be15dc] align-middle" />
</> </>
), ),
}, },

2
src/components/pages/PageMain/Shoutbox/Shoutbox.tsx
View file

@ -74,7 +74,7 @@ export function Shoutbox(props: {
: `#${props.serial}` : `#${props.serial}`
return ( return (
<div class="w-fit w-full flex flex-col gap-2 border border-control-outline rounded-md bg-control-bg p-2 md:flex-row"> <div class=":uno: w-fit w-full flex flex-col gap-2 border border-control-outline rounded-md bg-control-bg p-2 md:flex-row">
<div class="flex flex-row gap-2 text-text-secondary"> <div class="flex flex-row gap-2 text-text-secondary">
{icon} {icon}
<time class="whitespace-nowrap" datetime={props.createdAt}> <time class="whitespace-nowrap" datetime={props.createdAt}>

2
src/components/ui/Button.tsx
View file

@ -15,7 +15,7 @@ export function Button(props: ButtonProps) {
<button <button
{...rest} {...rest}
class={cn( class={cn(
'block px-2 py-3 border border-control-outline color-text-primary bg-control-bg hover:bg-control-bg-hover rounded-md active:scale-95 transition-all cursor-pointer', ':uno: block px-2 py-3 border border-control-outline color-text-primary bg-control-bg hover:bg-control-bg-hover rounded-md active:scale-95 transition-all cursor-pointer',
my.square && 'p-3 h-min', my.square && 'p-3 h-min',
my.class, my.class,
)} )}

2
src/components/ui/Emoji.tsx
View file

@ -8,7 +8,7 @@ export function Emoji(props: JSX.HTMLElementTags['img']) {
<img <img
{...props} {...props}
class={cn( class={cn(
'inline-block h-1em w-1em object-contain overflow-hidden align-middle', ':uno: inline-block h-1em w-1em object-contain overflow-hidden align-middle',
props.class, props.class,
)} )}
/> />

2
src/components/ui/Link.tsx
View file

@ -7,7 +7,7 @@ export function Link(props: JSX.AnchorHTMLAttributes<HTMLAnchorElement>) {
<a <a
{...props} {...props}
class={cn( class={cn(
'color-text-accent underline underline-offset-2 hover:no-underline cursor-pointer active:text-text-secondary', ':uno: color-text-accent underline underline-offset-2 hover:no-underline cursor-pointer active:text-text-secondary',
props.class, props.class,
)} )}
> >

2
src/components/ui/TextArea.tsx
View file

@ -61,7 +61,7 @@ export function TextArea(props: TextAreaProps) {
<textarea <textarea
{...rest} {...rest}
class={cn( class={cn(
'outline-none border border-control-outline bg-control-bg rounded-md text-text-primary min-h-4em resize-none p-2 transition-all text-sm placeholder-text-secondary cursor-pointer hover:bg-control-bg-hover-alt disabled:cursor-not-allowed disabled:bg-control-bg-disabled disabled:border-text-disabled disabled:placeholder-text-disabled focus:(border-text-primary bg-control-bg-active outline outline-text-primary hover:cursor-text outline-offset-0)', ':uno: outline-none border border-control-outline bg-control-bg rounded-md text-text-primary min-h-4em resize-none p-2 transition-all text-sm placeholder-text-secondary cursor-pointer hover:bg-control-bg-hover-alt disabled:cursor-not-allowed disabled:bg-control-bg-disabled disabled:border-text-disabled disabled:placeholder-text-disabled focus:(border-text-primary bg-control-bg-active outline outline-text-primary hover:cursor-text outline-offset-0)',
my.class, my.class,
)} )}
onInput={onInput} onInput={onInput}

2
src/components/ui/TextComment.tsx
View file

@ -8,7 +8,7 @@ export function TextComment(props: JSX.HTMLAttributes<HTMLDivElement>) {
<div <div
{...props} {...props}
class={cn( class={cn(
'text-text-secondary pos-relative before:content-dblslash before:pos-absolute before:-left-2em', ':uno: text-text-secondary pos-relative before:content-dblslash before:pos-absolute before:-left-2em',
props.class, props.class,
)} )}
/> />

2
src/components/ui/TextTable.tsx
View file

@ -32,7 +32,7 @@ export function TextTable(props: TextTableProps) {
return ( return (
<div <div
class={cn( class={cn(
'grid grid-cols-[1fr_2fr] sm:grid-cols-[1fr_4fr] overflow-hidden border-spacing-0 line-height-18px', ':uno: grid grid-cols-[1fr_2fr] sm:grid-cols-[1fr_4fr] overflow-hidden border-spacing-0 line-height-18px',
props.wrap ? 'whitespace-pre-wrap' : 'text-ellipsis whitespace-pre', props.wrap ? 'whitespace-pre-wrap' : 'text-ellipsis whitespace-pre',
props.fill && 'w-full', props.fill && 'w-full',
)} )}