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

chore: remove less

Browse Source
This commit is contained in:
steven
2022-09-29 22:59:58 +08:00
parent 19c735261f
commit 8a1d7c4646
7 changed files with 24 additions and 157 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -58,7 +58,7 @@ const ShortcutListView: React.FC<Props> = (props: Props) => {
<span className="text-gray-400 text-sm ml-2">({shortcut.description})</span>
</div>
<div className="flex flex-row justify-end items-center">
<span className=" w-12 mr-2 text-gray-600">{shortcut.creator.name}</span>
<span className="w-16 truncate mr-2 text-gray-600">{shortcut.creator.name}</span>
<button
className="cursor-pointer mr-4 hover:opacity-80"
onClick={() => {

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

@ -1,6 +1,6 @@
import { useEffect } from "react";
import { createRoot, Root } from "react-dom/client";
import "../less/toast.less";
import "../css/toast.css";
type ToastType = "normal" | "success" | "info" | "error";
@ -30,7 +30,7 @@ const Toast: React.FC<ToastItemProps> = (props: ToastItemProps) => {
return (
<div className="toast-container" onClick={destory}>
<p className="content-text">{props.content}</p>
<p className="text-sm whitespace-pre-wrap break-words leading-6 max-w-xs">{props.content}</p>
</div>
);
};

20
web/src/css/toast.css Normal file
View File

@ -0,0 +1,20 @@
.toast-list-container {
@apply flex flex-col justify-start items-end fixed top-2 right-4 max-h-full;
z-index: 9999;
}
.toast-list-container > .toast-wrapper {
@apply flex flex-col justify-start items-start relative left-full invisible text-base cursor-pointer shadow-lg rounded bg-white mt-6 py-2 px-4;
min-width: 6em;
left: calc(100% + 32px);
transition: all 0.4s ease;
}
.toast-list-container > .toast-wrapper.showup {
@apply left-0 visible;
}
.toast-list-container > .toast-wrapper.destory {
@apply invisible;
left: calc(100% + 32px);
}

25
web/src/less/toast.less
View File

@ -1,25 +0,0 @@
.toast-list-container {
@apply flex flex-col justify-start items-end fixed top-2 right-4 z-1000 max-h-full;
> .toast-wrapper {
@apply flex flex-col justify-start items-start relative left-full invisible text-base cursor-pointer shadow-lg rounded bg-white mt-6 py-2 px-4;
min-width: 6em;
left: calc(100% + 32px);
transition: all 0.4s ease;
&.showup {
@apply left-0 visible;
}
&.destory {
@apply invisible;
left: calc(100% + 32px);
}
> .toast-container {
> .content-text {
@apply text-sm whitespace-pre-wrap break-words leading-6 max-w-xs;
}
}
}
}

2
web/src/pages/UserDetail.tsx
View File

@ -76,7 +76,7 @@ const UserDetail: React.FC = () => {
</p>
<p className="leading-8 flex flex-row justify-start items-center">
<span className="mr-3 text-gray-500 font-mono">OpenID:</span>
<input type="text" value={user?.openId} readOnly className="border shrink rounded-md px-3 pr-5 shadow-inner truncate" />
<input className="border shrink w-48 rounded-md px-3 pr-5 shadow-inner truncate" type="text" value={user?.openId} readOnly />
<button className="-ml-6 bg-white text-gray-600 hover:text-black" onClick={handleCopyOpenIdBtnClick}>
<Icon.Clipboard className="w-4 h-auto" />
</button>