xiaoxue_admin
/
xLog
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: add hover effect for text button

This commit is contained in:
DIYgod 2023-02-27 12:09:37 +00:00
parent 06a6fe735a
commit fe9338a98f
No known key found for this signature in database
5 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/dashboard/PagesManager.tsx
View File

@ -466,7 +466,7 @@ export const PagesManager: React.FC<{
{pages.hasNextPage && (
<Button
className="w-full hover:bg-zinc-100 bg-zinc-50 rounded-lg transition-colors mt-4"
className="w-full bg-zinc-50 rounded-lg mt-4"
variant="text"
onClick={pages.fetchNextPage as () => void}
isLoading={pages.isFetchingNextPage}

2
src/components/site/SiteArchives.tsx
View File

@ -132,7 +132,7 @@ export const SiteArchives: React.FC<{
})}
{hasNextPage && (
<Button
className="mt-8 w-full hover:bg-hover bg-zinc-50 transition-colors text-sm"
className="mt-8 w-full bg-zinc-50 text-sm"
variant="text"
onClick={fetchNextPage}
isLoading={isFetchingNextPage}

4
src/components/site/SiteHeader.tsx
View File

@ -216,14 +216,14 @@ export const SiteHeader: React.FC<{
<div className="sm:inline-block">
<FollowingButton
site={site}
className="text-accent mr-1 sm:ml-5 sm:mr-3"
className="text-accent mr-1 sm:ml-3 sm:mr-1"
variant="text"
/>
<div className="relative inline-block align-middle">
<Menu
target={
<Button variant="text" aria-label="more">
<EllipsisHorizontalIcon className="w-5 h-5 mx-2" />
<EllipsisHorizontalIcon className="w-5 h-5" />
</Button>
}
dropdown={

2
src/components/site/SiteHome.tsx
View File

@ -111,7 +111,7 @@ export const SiteHome: React.FC<{
)}
{hasNextPage && (
<Button
className="mt-8 w-full hover:bg-hover bg-zinc-50 transition-colors text-sm"
className="mt-8 w-full bg-zinc-50 text-sm"
variant="text"
onClick={fetchNextPage}
isLoading={isFetchingNextPage}

4
src/css/tailwind.css
View File

@ -99,8 +99,10 @@ a {
}
.button.is-text {
@apply shadow-none p-0;
@apply shadow-none py-0 px-2;
@apply min-w-0;
@apply hover:bg-hover;
@apply transition-colors;
}
.button.is-like {