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 styles

Browse Source
This commit is contained in:
Steven 2023-07-10 23:35:23 +08:00
parent 00c7abc38d
commit 12172f11c0
3 changed files with 16 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
web/src/components/AnalyticsDialog.tsx
View File

@ -66,12 +66,23 @@ const AnalyticsDialog: React.FC<Props> = (props: Props) => {
<div className="w-full mt-4 py-1 px-2 flex flex-row justify-between items-center"> <div className="w-full mt-4 py-1 px-2 flex flex-row justify-between items-center">
<span>Devices</span> <span>Devices</span>
<div> <div>
<button className={`text-sm ${selectedDeviceTab === "os" && "text-blue-600"}`} onClick={() => setSelectedDeviceTab("os")}> <button
className={`whitespace-nowrap border-b-2 px-1 text-sm font-medium ${
selectedDeviceTab === "os"
? "border-blue-600 text-blue-600"
: "border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700"
}`}
onClick={() => setSelectedDeviceTab("os")}
>
OS OS
</button> </button>
<span className="text-gray-200 font-mono mx-1">/</span> <span className="text-gray-200 font-mono mx-1">/</span>
<button <button
className={`text-sm ${selectedDeviceTab === "browser" && "text-blue-600"}`} className={`whitespace-nowrap border-b-2 px-1 text-sm font-medium ${
selectedDeviceTab === "browser"
? "border-blue-600 text-blue-600"
: "border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700"
}`}
onClick={() => setSelectedDeviceTab("browser")} onClick={() => setSelectedDeviceTab("browser")}
> >
Browser Browser

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

@ -47,7 +47,7 @@ const GenerateQRCodeDialog: React.FC<Props> = (props: Props) => {
<QRCodeCanvas value={shortifyLink} size={128} bgColor={"#ffffff"} fgColor={"#000000"} includeMargin={false} level={"L"} /> <QRCodeCanvas value={shortifyLink} size={128} bgColor={"#ffffff"} fgColor={"#000000"} includeMargin={false} level={"L"} />
</div> </div>
<div className="w-full flex flex-row justify-center items-center px-4"> <div className="w-full flex flex-row justify-center items-center px-4">
<Button className="w-full" color="primary" onClick={handleDownloadQRCodeClick}> <Button className="w-full" color="neutral" onClick={handleDownloadQRCodeClick}>
<Icon.Download className="w-4 h-auto mr-1" /> <Icon.Download className="w-4 h-auto mr-1" />
Download Download
</Button> </Button>

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

@ -63,9 +63,9 @@ const ShortcutView = (props: Props) => {
<div className="group flex flex-row justify-start items-center pr-2 mr-1 shrink-0"> <div className="group flex flex-row justify-start items-center pr-2 mr-1 shrink-0">
<div className="w-6 h-6 mr-1 flex justify-center items-center overflow-clip"> <div className="w-6 h-6 mr-1 flex justify-center items-center overflow-clip">
{favicon ? ( {favicon ? (
<img className="w-[90%] h-auto rounded-full" src={favicon} decoding="async" loading="lazy" /> <img className="w-full h-auto rounded-full" src={favicon} decoding="async" loading="lazy" />
) : ( ) : (
<Icon.Globe2 className="w-5 h-auto text-gray-500" /> <Icon.CircleSlash className="w-6 h-auto text-gray-400" />
)} )}
</div> </div>
<a <a