reya/lume
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: polish

Browse Source
This commit is contained in:
reya
2024-01-20 20:14:26 +07:00
parent e0250d7f5c
commit 446721729b
7 changed files with 124 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
packages/ark/src/components/column/header.tsx
View File

@@ -74,7 +74,10 @@ export function ColumnHeader({
</DropdownMenu.Item>
{queryKey?.[0] === "foryou-9998" ? (
<DropdownMenu.Item asChild>
<InterestModal queryKey={queryKey} />
<InterestModal
queryKey={queryKey}
className="text-sm font-medium text-white/50 hover:bg-black/10 hover:text-white dark:text-white/50 dark:hover:bg-white/10 dark:hover:text-white"
/>
</DropdownMenu.Item>
) : null}
<DropdownMenu.Item asChild>

2
packages/ark/src/components/column/interestModal.tsx
View File

@@ -56,7 +56,7 @@ export function InterestModal({
<Dialog.Root open={open} onOpenChange={setOpen}>
<Dialog.Trigger
className={cn(
"inline-flex items-center gap-2 px-3 text-sm font-medium rounded-lg h-9 text-white/50 hover:bg-black/10 hover:text-white focus:outline-none dark:text-white/50 dark:hover:bg-white/10 dark:hover:text-white",
"inline-flex items-center gap-2 px-3 rounded-lg h-9 focus:outline-none",
className,
)}
>

1
packages/icons/index.ts
View File

@@ -109,3 +109,4 @@ export * from "./src/settingsFilled";
export * from "./src/bellFilled";
export * from "./src/foryou";
export * from "./src/editInterest";
export * from "./src/newColumn";

21
packages/icons/src/newColumn.tsx Normal file
View File

@@ -0,0 +1,21 @@
import { SVGProps } from "react";
export function NewColumnIcon(
props: JSX.IntrinsicAttributes & SVGProps<SVGSVGElement>,
) {
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
fill="none"
viewBox="0 0 24 24"
{...props}
>
<path
fill="currentColor"
d="M12 19v1a1 1 0 001-1h-1zm8-9a1 1 0 102 0h-2zm0 4a1 1 0 10-2 0h2zm-2 6a1 1 0 102 0h-2zm-2-4a1 1 0 100 2v-2zm6 2a1 1 0 100-2v2zM4 17V7H2v10h2zm8 1H5v2h7v-2zm8-11v3h2V7h-2zM5 6h7V4H5v2zm7 0h7V4h-7v2zm1 13V5h-2v14h2zm5-5v3h2v-3h-2zm0 3v3h2v-3h-2zm-2 1h3v-2h-3v2zm3 0h3v-2h-3v2zm3-11a3 3 0 00-3-3v2a1 1 0 011 1h2zM4 7a1 1 0 011-1V4a3 3 0 00-3 3h2zM2 17a3 3 0 003 3v-2a1 1 0 01-1-1H2z"
/>
</svg>
);
}

2
packages/lume-column-foryou/src/home.tsx
View File

@@ -93,7 +93,7 @@ export function HomeRoute({ colKey }: { colKey: string }) {
<EmptyFeed subtext="You can more interests to build up your timeline" />
<InterestModal
queryKey={[colKey]}
className="mt-3 w-full inline-flex items-center justify-center rounded-lg h-9 bg-blue-500 hover:bg-blue-600 text-white"
className="mt-3 w-full text-sm font-medium inline-flex items-center justify-center rounded-lg h-9 bg-blue-500 hover:bg-blue-600 text-white"
>
<ForyouIcon className="size-5" />
Add interest

2
packages/lume-column-timeline/src/home.tsx
View File

@@ -99,7 +99,7 @@ export function HomeRoute({ colKey }: { colKey: string }) {
<EmptyFeed />
<Link
to="/suggest"
className="mt-3 w-full inline-flex items-center justify-center rounded-lg h-9 bg-blue-500 hover:bg-blue-600 text-white"
className="mt-3 w-full gap-2 inline-flex items-center justify-center text-sm font-medium rounded-lg h-9 bg-blue-500 hover:bg-blue-600 text-white"
>
<SearchIcon className="size-5" />
Find accounts to follow