- {/* Light static background instead of heavy blur effect */}
+ {/* Background image */}
@@ -143,8 +144,8 @@ export default function Root(): React.ReactElement {
sx={{ mt: 1, opacity: 0.7 }}
variant="body2"
>
- © {new Date().getFullYear()} GitHub Repository Analyzer v0.4.7
- Created with ❤️ by Jack Qin
+ © {new Date().getFullYear()} GitHub Repository Analyzer v0.5.0
+ Developed by Jack Qin
diff --git a/src/pages/GitHub.tsx b/src/pages/GitHub.tsx
index ff57a41..6d4ad7f 100644
--- a/src/pages/GitHub.tsx
+++ b/src/pages/GitHub.tsx
@@ -45,7 +45,7 @@ export const GitHub = () => {
marginBottom: "1rem",
}}
>
- v0.4.7
+ v0.5.0
@@ -73,7 +73,7 @@ export const GitHub = () => {
},
position: "relative",
- borderColor: "rgba(255,255,255,0.9)",
+ borderColor: "transparent",
transition: "all 0.3s ease-in-out",
}}
diff --git a/src/styles/FormStyles.css b/src/styles/FormStyles.css
index ae972d5..aaf8b1a 100644
--- a/src/styles/FormStyles.css
+++ b/src/styles/FormStyles.css
@@ -267,7 +267,6 @@
100% { transform: rotate(360deg); }
}
-/* Tab组件样式增强 */
.tab-container {
border-radius: 16px;
overflow: hidden;
@@ -277,7 +276,6 @@
position: relative;
z-index: 1;
transition: all 0.3s ease;
- border: 1.5px solid rgba(255, 255, 255, 0.5);
}
.tab-container::after {
@@ -298,103 +296,6 @@
opacity: 1;
}
-.tab-button {
- border-radius: 10px !important;
- margin: 0.25rem !important;
- padding: 0.75rem 1.25rem !important;
- transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
- position: relative;
- overflow: hidden;
- text-transform: none !important;
- color: rgba(55, 65, 81, 0.7) !important;
-}
-
-.tab-button.active {
- color: #2563EB !important;
- background-color: rgba(59, 130, 246, 0.08) !important;
-}
-
-.tab-button.active::after {
- content: "";
- position: absolute;
- bottom: 0;
- left: 0;
- width: 100%;
- height: 3px;
- background: linear-gradient(90deg, #3B82F6, #4F46E5);
- opacity: 1;
- transform: scaleX(1);
- transform-origin: left;
- transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-}
-
-.tab-button::before {
- content: "";
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- background: radial-gradient(circle at center, rgba(59, 130, 246, 0.2), transparent 80%);
- transform: scale(0);
- opacity: 0;
- transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
- z-index: -1;
- border-radius: inherit;
-}
-
-.tab-button:hover::before {
- transform: scale(1.5);
- opacity: 0.1;
-}
-
-.tab-button .MuiSvgIcon-root {
- font-size: 1.25rem !important;
- margin-right: 0.5rem !important;
- transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
- opacity: 0.7;
-}
-
-.tab-button:hover .MuiSvgIcon-root {
- transform: scale(1.2);
- opacity: 1;
-}
-
-/* 自定义提示框 */
-.custom-alert {
- border-radius: 10px !important;
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.01) !important;
- border: none !important;
- padding: 0.75rem 1rem !important;
-}
-
-.custom-alert.success {
- background: linear-gradient(135deg, rgba(16, 185, 129, 0.05), rgba(5, 150, 105, 0.1)) !important;
- color: #065F46 !important;
-}
-
-.custom-alert.error {
- background: linear-gradient(135deg, #f87171, #ef4444) !important;
- border-left: 4px solid #DC2626 !important;
- font-weight: 500 !important;
- box-shadow: 0 4px 8px -1px rgba(220, 38, 38, 0.15), 0 2px 4px -1px rgba(220, 38, 38, 0.1) !important;
-}
-
-/* 响应式适配 */
-@media (max-width: 600px) {
- .form-card {
- padding: 1rem !important;
- border-radius: 12px !important;
- }
-
- .submit-button {
- padding: 8px 16px !important;
- font-size: 0.875rem !important;
- }
-}
-
-
-/* 动画效果 */
@keyframes fadeInUp {
0% { opacity: 0; transform: translateY(10px); }
100% { opacity: 1; transform: translateY(0); }
@@ -410,33 +311,3 @@
100% { opacity: 1; transform: translateX(0); }
}
-/* 微交互的灵感动效 */
-.shine-effect {
- position: relative;
- overflow: hidden;
-}
-
-.shine-effect::after {
- content: '';
- position: absolute;
- top: -50%;
- left: -50%;
- width: 200%;
- height: 200%;
- background: linear-gradient(
- to right,
- rgba(255, 255, 255, 0) 0%,
- rgba(255, 255, 255, 0.3) 50%,
- rgba(255, 255, 255, 0) 100%
- );
- transform: rotate(30deg);
- opacity: 0;
- transition: opacity 0.3s;
- pointer-events: none;
-}
-
-.shine-effect:hover::after {
- opacity: 1;
- transition: transform 0.7s, opacity 0.5s;
- transform: rotate(30deg) translate(100%, -100%);
-}
\ No newline at end of file