YourSelfHosted/memos
1
0
Fork 0
mirror of https://github.com/usememos/memos.git synced 2025-06-05 22:09:59 +02:00
Code Issues Packages Projects Releases Wiki Activity

chore: update link styles

Browse Source
This commit is contained in:
Steven
2023-11-05 22:26:09 +08:00
parent ef820a1138
commit 3266c3a58a
6 changed files with 12 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -10,7 +10,9 @@ const BetaBadge: React.FC<Props> = (props: Props) => {
return ( return (
<span <span
className={`mx-1 px-1 leading-5 text-xs border dark:border-zinc-600 rounded-full text-gray-500 dark:text-gray-400 ${className ?? ""}`} className={`mx-1 px-1 leading-5 text-xs border font-normal dark:border-zinc-600 rounded-full text-gray-500 dark:text-gray-400 ${
className ?? ""
}`}
> >
{t("common.beta")} {t("common.beta")}
</span> </span>

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

@ -96,7 +96,7 @@ const CreateMemoRelationDialog: React.FC<Props> = (props: Props) => {
<div className="w-full flex flex-row justify-start items-start flex-wrap gap-2 mt-1"> <div className="w-full flex flex-row justify-start items-start flex-wrap gap-2 mt-1">
{memoList.map((memo) => ( {memoList.map((memo) => (
<div <div
className="max-w-[50%] text-sm px-3 py-1 flex flex-row justify-start items-center border rounded-full cursor-pointer truncate opacity-80 dark:text-gray-300 hover:opacity-60 hover:line-through" className="max-w-[50%] text-sm px-3 py-1 flex flex-row justify-start items-center border rounded-md cursor-pointer truncate opacity-80 dark:text-gray-300 hover:opacity-60 hover:line-through"
key={memo.id} key={memo.id}
onClick={() => handleDeleteMemoRelation(memo)} onClick={() => handleDeleteMemoRelation(memo)}
> >

2
web/src/components/MemoEditor/RelationListView.tsx
View File

@ -38,7 +38,7 @@ const RelationListView = (props: Props) => {
return ( return (
<div <div
key={memo.id} key={memo.id}
className="w-auto max-w-xs overflow-hidden flex flex-row justify-start items-center bg-gray-100 dark:bg-zinc-800 hover:opacity-80 rounded text-sm p-1 px-2 text-gray-500 cursor-pointer hover:line-through" className="w-auto max-w-xs overflow-hidden flex flex-row justify-start items-center bg-gray-100 dark:bg-zinc-800 hover:opacity-80 rounded-md text-sm p-1 px-2 text-gray-500 cursor-pointer hover:line-through"
onClick={() => handleDeleteRelation(memo)} onClick={() => handleDeleteRelation(memo)}
> >
<Icon.Link className="w-4 h-auto shrink-0 opacity-80" /> <Icon.Link className="w-4 h-auto shrink-0 opacity-80" />

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

@ -40,7 +40,7 @@ const MemoRelationListView = (props: Props) => {
return ( return (
<div key={memo.id} className="block w-auto max-w-[50%]"> <div key={memo.id} className="block w-auto max-w-[50%]">
<Link <Link
className="px-2 border rounded-full w-auto text-sm leading-6 flex flex-row justify-start items-center flex-nowrap text-gray-600 dark:text-gray-300 dark:border-gray-600 hover:shadow hover:opacity-80" className="px-2 border rounded-md w-auto text-sm leading-6 flex flex-row justify-start items-center flex-nowrap text-gray-600 dark:text-gray-300 dark:border-gray-600 hover:shadow hover:opacity-80"
to={`/m/${memo.id}`} to={`/m/${memo.id}`}
> >
<Tooltip title="Reference" placement="top"> <Tooltip title="Reference" placement="top">
@ -60,7 +60,7 @@ const MemoRelationListView = (props: Props) => {
return ( return (
<div key={memo.id} className="block w-auto max-w-[50%]"> <div key={memo.id} className="block w-auto max-w-[50%]">
<Link <Link
className="px-2 border rounded-full w-auto text-sm leading-6 flex flex-row justify-start items-center flex-nowrap text-gray-600 dark:text-gray-300 dark:border-gray-600 hover:shadow hover:opacity-80" className="px-2 border rounded-md w-auto text-sm leading-6 flex flex-row justify-start items-center flex-nowrap text-gray-600 dark:text-gray-300 dark:border-gray-600 hover:shadow hover:opacity-80"
to={`/m/${memo.id}`} to={`/m/${memo.id}`}
> >
<Tooltip title="Backlink" placement="top"> <Tooltip title="Backlink" placement="top">

4
web/src/components/Settings/SSOSection.tsx
View File

@ -107,10 +107,10 @@ const SSOSection = () => {
))} ))}
<div className="w-full mt-8"> <div className="w-full mt-8">
<p className="text-sm">{t("common.learn-more")}</p> <p className="text-sm">{t("common.learn-more")}:</p>
<List component="ul" marker="disc" size="sm"> <List component="ul" marker="disc" size="sm">
<ListItem> <ListItem>
<Link className="text-sm hover:underline hover:text-blue-600" to="https://www.usememos.com/docs/advanced-settings/keycloak"> <Link className="text-sm text-blue-600 hover:underline" to="https://www.usememos.com/docs/advanced-settings/keycloak">
Configuring Keycloak for Authentication Configuring Keycloak for Authentication
</Link> </Link>
</ListItem> </ListItem>

12
web/src/components/Settings/StorageSection.tsx
View File

@ -124,21 +124,15 @@ const StorageSection = () => {
))} ))}
</div> </div>
<div className="w-full mt-4"> <div className="w-full mt-4">
<p className="text-sm">{t("common.learn-more")}</p> <p className="text-sm">{t("common.learn-more")}:</p>
<List component="ul" marker="disc" size="sm"> <List component="ul" marker="disc" size="sm">
<ListItem> <ListItem>
<Link <Link className="text-sm text-blue-600 hover:underline" to="https://www.usememos.com/docs/advanced-settings/local-storage">
className="text-sm hover:underline hover:text-blue-600"
to="https://www.usememos.com/docs/advanced-settings/local-storage"
>
Docs - Local storage Docs - Local storage
</Link> </Link>
</ListItem> </ListItem>
<ListItem> <ListItem>
<Link <Link className="text-sm text-blue-600 hover:underline" to="https://www.usememos.com/blog/choosing-a-storage-for-your-resource">
className="text-sm hover:underline hover:text-blue-600"
to="https://www.usememos.com/blog/choosing-a-storage-for-your-resource"
>
Choosing a Storage for Your Resource: Database, S3 or Local Storage? Choosing a Storage for Your Resource: Database, S3 or Local Storage?
</Link> </Link>
</ListItem> </ListItem>