Skip to content

Commit 2aa154f

Browse files
committed
feat: 优化网站交互与样式
1. 在页脚版权信息中添加仓库链接\n2. 统一按钮悬停颜色为primaryHover\n3. 修改所有主要按钮组件的样式表\n4. 优化Hero、Header及Community组件的交互效果
1 parent 0966c7c commit 2aa154f

File tree

8 files changed

+12
-9
lines changed

8 files changed

+12
-9
lines changed

office-website/src/components/Footer/FooterBottomSection.tsx

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,18 @@
11
import React from 'react';
22
import {
33
FooterBottom,
4-
Copyright
4+
Copyright,
5+
FooterLink
56
} from '../../styles/components/Footer.styles';
67

78
const FooterBottomSection: React.FC = () => {
89
const currentYear = new Date().getFullYear();
910

1011
return (
1112
<FooterBottom>
12-
<Copyright>© {currentYear} Typescript Userscript Template. 保留所有权利。</Copyright>
13+
<Copyright>
14+
© {currentYear} <FooterLink href="https://github.com/JSREI/typescript-userscript-template" target="_blank">Typescript Userscript Template</FooterLink>. 保留所有权利。
15+
</Copyright>
1316
</FooterBottom>
1417
);
1518
};

office-website/src/components/Header.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -101,7 +101,7 @@ const GitHubButton = styled.a`
101101
}
102102
103103
&:hover {
104-
background-color: ${({ theme }) => theme.colors.primaryDark};
104+
background-color: ${({ theme }) => theme.colors.primaryHover};
105105
transform: translateY(-2px);
106106
}
107107
`;

office-website/src/components/Header/GitHubStarButton.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ const StarButtonContainer = styled.a`
1919
}
2020
2121
&:hover {
22-
background-color: ${({ theme }) => theme.colors.primaryDark};
22+
background-color: ${({ theme }) => theme.colors.primaryHover};
2323
transform: translateY(-2px);
2424
}
2525
`;

office-website/src/components/Hero/HeroContent.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -107,7 +107,7 @@ const PrimaryButton = styled.a`
107107
text-decoration: none;
108108
109109
&:hover {
110-
background: ${({ theme }) => theme.colors.primaryDark};
110+
background: ${({ theme }) => theme.colors.primaryHover};
111111
transform: translateY(-1px);
112112
box-shadow: ${({ theme }) => theme.boxShadow.button};
113113
}

office-website/src/styles/GlobalStyles.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -172,7 +172,7 @@ const GlobalStyles = createGlobalStyle`
172172
box-shadow: ${({ theme }) => theme.boxShadow.button};
173173
174174
&:hover, &:focus {
175-
background-color: ${({ theme }) => theme.colors.primaryDark};
175+
background-color: ${({ theme }) => theme.colors.primaryHover};
176176
transform: translateY(-2px);
177177
}
178178

office-website/src/styles/components/Community.styles.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -70,7 +70,7 @@ export const StyledLink = styled.a`
7070
transition: color 0.2s ease;
7171
7272
&:hover {
73-
color: ${({ theme }) => theme.colors.primaryDark};
73+
color: ${({ theme }) => theme.colors.primaryHover};
7474
text-decoration: underline;
7575
}
7676
`;

office-website/src/styles/components/Header.styles.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -91,7 +91,7 @@ export const GitHubButton = styled.a`
9191
}
9292
9393
&:hover {
94-
background-color: ${({ theme }) => theme.colors.primaryDark};
94+
background-color: ${({ theme }) => theme.colors.primaryHover};
9595
transform: translateY(-2px);
9696
}
9797
`;

office-website/src/styles/components/Hero.styles.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -106,7 +106,7 @@ export const PrimaryButton = styled.a`
106106
transition: all 0.2s;
107107
108108
&:hover {
109-
background-color: ${({ theme }) => theme.colors.primaryDark};
109+
background-color: ${({ theme }) => theme.colors.primaryHover};
110110
transform: translateY(-2px);
111111
box-shadow: ${({ theme }) => theme.boxShadow.medium};
112112
}

0 commit comments

Comments
 (0)