cloverta/SanYeCao-blog
1
0
Fork 0
mirror of https://github.com/ClovertaTheTrilobita/SanYeCao-blog.git synced 2026-09-04 20:55:41 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

update friends card

Browse source
This commit is contained in:
ClovertaTheTrilobita 2026-07-18 17:18:24 +08:00
parent e7ba5f86b1
commit 045b9f5740
1 changed files with 15 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
src/components/FriendlyLinks/FriendlyLinkItem.astro
View file

@ -24,10 +24,18 @@ const { name, description, avatar, url } = Astro.props;
align-items: center; align-items: center;
gap: 1rem; gap: 1rem;
padding: 0.1rem 0.5rem; padding: 0.1rem 0.5rem;
background: #fffcf1; background: #fff5ea;
border: 2px solid #ede3d0; border-top: 1px dotted var(--deep-blue); /* 上下点线 */
border-left: 1px dotted var(--deep-blue);
border-bottom: 2px solid var(--deep-blue);
border-right: 2px solid var(--deep-blue);
text-decoration: none; text-decoration: none;
color: inherit; color: inherit;
transition:
transform 0.2s ease,
background-color 0.2s ease,
box-shadow 0.2s ease;
} }
.friendly-link-text { .friendly-link-text {
@ -63,12 +71,14 @@ const { name, description, avatar, url } = Astro.props;
} }
.friendly-link-card:hover { .friendly-link-card:hover {
background: #efe2be; /* background: #efe2be; */
transform: translate(-3px, -3px);
box-shadow: 5px 6px 12px rgb(0 0 0 / 18%);
} }
:global(.dark) .friendly-link-card { :global(.dark) .friendly-link-card {
background: #3a352b; background: rgba(127, 127, 127, 0.12);
border-color: #8f8268; border-color: #9ecbff;
} }
:global(.dark) .friendly-link-title { :global(.dark) .friendly-link-title {