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

chore: tweak detail style

Browse Source
This commit is contained in:
Steven
2023-07-29 14:59:16 +08:00
parent 4139520181
commit 1ce4b91433
9 changed files with 33 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
web/src/components/Header.tsx
View File

@@ -40,18 +40,18 @@ const Header: React.FC = () => {
<>
<Link
to="/setting"
className="w-full flex flex-row justify-start items-center px-3 leading-10 text-left cursor-pointer rounded whitespace-nowrap hover:bg-gray-100"
className="w-full px-2 flex flex-row justify-start items-center text-left leading-8 cursor-pointer rounded hover:bg-gray-100 disabled:cursor-not-allowed disabled:bg-gray-100 disabled:opacity-60"
>
<Icon.Settings className="w-4 h-auto mr-2" /> Setting
</Link>
<button
className="w-full flex flex-row justify-start items-center px-3 leading-10 text-left cursor-pointer rounded whitespace-nowrap hover:bg-gray-100"
className="w-full px-2 flex flex-row justify-start items-center text-left leading-8 cursor-pointer rounded hover:bg-gray-100 disabled:cursor-not-allowed disabled:bg-gray-100 disabled:opacity-60"
onClick={() => setShowAboutDialog(true)}
>
<Icon.Info className="w-4 h-auto mr-2" /> About
</button>
<button
className="w-full flex flex-row justify-start items-center px-3 leading-10 text-left cursor-pointer rounded whitespace-nowrap hover:bg-gray-100"
className="w-full px-2 flex flex-row justify-start items-center text-left leading-8 cursor-pointer rounded hover:bg-gray-100 disabled:cursor-not-allowed disabled:bg-gray-100 disabled:opacity-60"
onClick={() => handleSignOutButtonClick()}
>
<Icon.LogOut className="w-4 h-auto mr-2" /> Sign out

3
web/src/components/ShortcutView.tsx
View File

@@ -1,4 +1,4 @@
import { Tooltip } from "@mui/joy";
import { Divider, Tooltip } from "@mui/joy";
import copy from "copy-to-clipboard";
import { useEffect, useState } from "react";
import { useTranslation } from "react-i18next";
@@ -115,6 +115,7 @@ const ShortcutView = (props: Props) => {
>
<Icon.BarChart2 className="w-4 h-auto mr-2" /> Analytics
</button>
<Divider className="!my-1" />
<button
className="w-full px-2 flex flex-row justify-start items-center text-left leading-8 cursor-pointer rounded text-red-600 hover:bg-gray-100 disabled:cursor-not-allowed disabled:bg-gray-100 disabled:opacity-60"
onClick={() => {

2
web/src/components/ShortcutsContainer.tsx
View File

@@ -27,8 +27,6 @@ const ShortcutsContainer: React.FC<Props> = (props: Props) => {
})}
</div>
<p className="w-full text-center text-gray-400 text-sm mt-2 mb-4 italic">Total {shortcutList.length} data</p>
{editingShortcutId && (
<CreateShortcutDialog
shortcutId={editingShortcutId}

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

@@ -18,11 +18,11 @@ const ViewSetting = () => {
return (
<Dropdown
trigger={
<button className="p-1">
<Icon.ListFilter className="w-5 h-auto text-gray-500" />
<button>
<Icon.Settings2 className="w-4 h-auto text-gray-500" />
</button>
}
actionsClassName="right-10 translate-x-full"
actionsClassName="top-7 !-right-2"
actions={
<div className="w-52 p-2 pt-0 gap-2 flex flex-col justify-start items-start" onClick={(e) => e.stopPropagation()}>
<div className="w-full flex flex-row justify-between items-center mt-1">