aykhans/slash-e
1
0
Fork 0
mirror of https://github.com/aykhans/slash-e.git synced 2025-04-20 22:07:15 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

chore: update collection detail page

Browse Source
This commit is contained in:
Steven 2023-11-15 23:44:58 +08:00
parent 92635fe395
commit dad0d91d01
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -70,20 +70,20 @@ const CollectionSpace = () => {
<div className="w-full h-full sm:px-12 sm:py-10 sm:h-screen sm:bg-gray-100 dark:sm:bg-zinc-800"> <div className="w-full h-full sm:px-12 sm:py-10 sm:h-screen sm:bg-gray-100 dark:sm:bg-zinc-800">
<div className="w-full h-full flex flex-row sm:border dark:sm:border-zinc-800 p-4 rounded-2xl bg-gray-50 dark:bg-zinc-900"> <div className="w-full h-full flex flex-row sm:border dark:sm:border-zinc-800 p-4 rounded-2xl bg-gray-50 dark:bg-zinc-900">
<div className="w-full sm:w-56 sm:pr-4 flex flex-col justify-start items-start overflow-auto shrink-0"> <div className="w-full sm:w-56 sm:pr-4 flex flex-col justify-start items-start overflow-auto shrink-0">
<div className="w-full sticky top-0 bg-gray-50 dark:bg-zinc-900"> <div className="w-full sticky top-0 px-2">
<div className="w-full flex flex-row justify-start items-center text-gray-800 dark:text-gray-300"> <div className="w-full flex flex-row justify-start items-center text-gray-800 dark:text-gray-300">
<Icon.LibrarySquare className="w-5 h-auto mr-2 opacity-70" /> <Icon.LibrarySquare className="w-5 h-auto mr-1 opacity-70 shrink-0" />
<span className="text-lg">{collection.title}</span> <span className="text-lg truncate">{collection.title}</span>
</div>
<p className="text-gray-500 text-sm truncate">{collection.description}</p>
</div> </div>
<p className="text-gray-500 text-sm">{collection.description}</p>
<Divider className="!my-2" /> <Divider className="!my-2" />
</div>
<div className="w-full flex flex-col justify-start items-start gap-2 sm:gap-1 px-px"> <div className="w-full flex flex-col justify-start items-start gap-2 sm:gap-1 px-px">
{shortcuts.map((shortcut) => { {shortcuts.map((shortcut) => {
return ( return (
<ShortcutView <ShortcutView
className={classNames( className={classNames(
"w-full py-2 cursor-pointer", "w-full py-2 cursor-pointer !px-2",
selectedShortcut?.id === shortcut.id selectedShortcut?.id === shortcut.id
? "bg-gray-100 dark:bg-zinc-800" ? "bg-gray-100 dark:bg-zinc-800"
: "sm:border-transparent dark:sm:border-transparent" : "sm:border-transparent dark:sm:border-transparent"