aykhans/slash-e
1
0
Fork 0
mirror of https://github.com/aykhans/slash-e.git synced 2025-09-08 10:10:43 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: add shortcut display mode

Browse Source
This commit is contained in:
Steven
2023-08-03 00:20:11 +08:00
parent f83c21cc93
commit 6395b698b9
4 changed files with 96 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
web/src/components/ViewSetting.tsx
View File

@@ -8,7 +8,7 @@ const ViewSetting = () => {
const viewStore = useViewStore();
const order = viewStore.getOrder();
const { field, direction } = order;
const layout = viewStore.layout || "grid";
const displayStyle = viewStore.displayStyle || "full";
const handleReset = () => {
viewStore.setOrder({ field: "name", direction: "asc" });
@@ -49,10 +49,10 @@ const ViewSetting = () => {
</div>
<Divider />
<div className="w-full flex flex-row justify-between items-center">
<span className="text-sm shrink-0 mr-2">Layout</span>
<Select size="sm" value={layout} onChange={(_, value) => viewStore.setLayout(value as any)}>
<Option value={"grid"}>Grid</Option>
<Option value={"list"}>List</Option>
<span className="text-sm shrink-0 mr-2">Display</span>
<Select size="sm" value={displayStyle} onChange={(_, value) => viewStore.setDisplayStyle(value as any)}>
<Option value={"full"}>Full</Option>
<Option value={"compact"}>Compact</Option>
</Select>
</div>
</div>