aykhans/slash-e
1
0
Fork 0
mirror of https://github.com/aykhans/slash-e.git synced 2025-07-01 19:59:44 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

chore: update shortcut view

Browse Source
This commit is contained in:
Steven
2023-11-12 11:34:09 +08:00
parent 4a25fbb2f6
commit cb3e3bfaef
8 changed files with 68 additions and 121 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/web/src/pages/CollectionSpace.tsx
View File

@ -2,8 +2,8 @@ import { Divider } from "@mui/joy";
import classNames from "classnames";
import { useEffect, useState } from "react";
import { Link, useParams } from "react-router-dom";
import { ShortcutItem } from "@/components/CreateCollectionDialog";
import Icon from "@/components/Icon";
import ShortcutView from "@/components/ShortcutView";
import useResponsiveWidth from "@/hooks/useResponsiveWidth";
import useCollectionStore from "@/stores/v1/collection";
import useShortcutStore from "@/stores/v1/shortcut";
@ -66,16 +66,19 @@ const CollectionSpace = () => {
<p className="text-gray-500 text-sm">{collection.description}</p>
<Divider className="!my-2" />
</div>
<div className="w-full flex flex-col justify-start items-start gap-1">
<div className="w-full flex flex-col justify-start items-start gap-2 sm:gap-1 px-px">
{shortcuts.map((shortcut) => {
return (
<ShortcutItem
<ShortcutView
className={classNames(
"w-full py-2",
selectedShortcut?.id === shortcut.id ? "bg-gray-100 dark:bg-zinc-800" : "border-transparent dark:border-transparent"
"w-full py-2 cursor-pointer",
selectedShortcut?.id === shortcut.id
? "bg-gray-100 dark:bg-zinc-800"
: "sm:border-transparent dark:sm:border-transparent"
)}
key={shortcut.name}
shortcut={convertShortcutFromPb(shortcut)}
alwaysShowLink={!sm}
onClick={() => handleShortcutClick(shortcut)}
/>
);

2
frontend/web/src/pages/ShortcutDetail.tsx
View File

@ -59,7 +59,7 @@ const ShortcutDetail = () => {
<div className="mx-auto max-w-8xl w-full px-3 md:px-12 pt-4 pb-6 flex flex-col justify-start items-start">
<div className="mt-8 w-12 h-12 flex justify-center items-center overflow-clip">
{favicon ? (
<img className="w-full h-auto rounded-full" src={favicon} decoding="async" loading="lazy" />
<img className="w-full h-auto rounded-lg" src={favicon} decoding="async" loading="lazy" />
) : (
<Icon.CircleSlash className="w-full h-auto text-gray-400" />
)}