修复种子详情下载
Change-Id: I5673279933d639e1bf425fcaea3eabd447625bfc
diff --git a/src/pages/PublishSeed/PublishSeed.css b/src/pages/PublishSeed/PublishSeed.css
index 9b33ad4..7525fb7 100644
--- a/src/pages/PublishSeed/PublishSeed.css
+++ b/src/pages/PublishSeed/PublishSeed.css
@@ -1,84 +1,118 @@
+.publish-seed-container {
+ background: #333;
+ color: #333;
+ min-height: 100vh;
+ padding: 20px 0;
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+}
+
.pub-card {
background-color: #e9ded2;
border-radius: 16px;
- max-width: 70%;
- max-height: 100%;
- /* 卡片居中 */
+ max-width: 800px;
margin: 0 auto;
margin-top: 40px;
- /* padding: 24px 32px; */
- padding: 3% 3%
-}
-
-.pub-categoty select {
- padding: 1%;
- width: 20%;
- border-radius: 6px;
- border: 1px solid #e0c4a1; /* 浅棕色 */
- background-color: #fff5f5; /* 浅粉色 */
- color: #5F4437;
- font-size: 1rem;
- margin-bottom: 2%;
+ padding: 40px 48px;
+ box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}
-.title-tag input {
- padding: 1%;
+form > div {
+ margin-bottom: 20px;
+}
+
+label {
+ display: block;
+ font-weight: bold;
+ margin-bottom: 8px;
+ color: #5F4437;
+}
+
+input[type="text"],
+textarea,
+select {
width: 100%;
+ padding: 10px 12px;
border-radius: 6px;
- border: 1px solid #e0c4a1;
+ border: 1px solid #e0c4a1;
background-color: #fff5f5;
color: #5F4437;
font-size: 1rem;
- margin-bottom: 2%;
-}
-.discription textarea {
- padding: 1%;
- width: 100%;
- border-radius: 6px;
- border: 1px solid #e0c4a1;
- background-color: #fff5f5;
- color: #5F4437;
- font-size: 1rem;
- margin-bottom: 2%;
-}
-.seed-file input {
- width: 100%;
- color: #5F4437;
- font-size: 1rem;
- margin-bottom: 2%;
+ transition: border-color 0.3s;
}
-.cover-image input {
- padding: 1%;
- width: 100%;
- border-radius: 6px;
- border: 1px solid #e0c4a1;
- background-color: #fff5f5;
- color: #5F4437;
- font-size: 1rem;
- margin-bottom: 2%;
+input[type="text"]:focus,
+textarea:focus,
+select:focus {
+ outline: none;
+ border-color: #c49c6b;
}
-.publish-seed-container {
- background: #333;
- color: white;
- border-radius: 12px;
- box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+textarea {
+ resize: vertical;
+ min-height: 80px;
+}
+
+.seed-file-label,
+.cover-upload button {
+ display: inline-block;
+ padding: 8px 16px;
+ border: 1px solid #e0c4a1;
+ background-color: #fff5f5;
+ border-radius: 6px;
+ cursor: pointer;
+ font-size: 14px;
+ font-weight: 500;
+ color: #5F4437;
+ transition: all 0.2s ease;
+}
+
+.seed-file-label:hover,
+.cover-upload button:hover {
+ background-color: #f1e0d0;
+}
+
+.seed-file input,
+.cover-upload input {
+ display: none;
+}
+
+.message {
+ background-color: #fff3cd;
+ color: #856404;
+ padding: 12px;
+ border-radius: 8px;
+ margin-bottom: 20px;
+ border: 1px solid #ffeeba;
}
.upload-button {
- width: 100%;
+ text-align: center;
}
-/* 文件选择按钮保持 label 方式，不变 */
-.seed-file-label {
- display: inline-block;
- padding: 6px 8px;
- border: 1px solid #e0c4a1;
- background-color: #fff5f5;
- border-radius: 4px;
+.upload-button button {
+ background-color: #5F4437;
+ color: #fff;
+ padding: 12px 32px;
+ border: none;
+ border-radius: 8px;
+ font-size: 16px;
cursor: pointer;
- font-size: 14px;
- user-select: none;
- width : 9%;
-}
\ No newline at end of file
+ transition: background-color 0.2s ease;
+}
+
+.upload-button button:hover {
+ background-color: #472f23;
+}
+
+.upload-button button:disabled {
+ background-color: #9c8c84;
+ cursor: not-allowed;
+}
+
+img {
+ border-radius: 8px;
+ border: 1px solid #ccc;
+ max-width: 100%;
+ max-height: 200px;
+ object-fit: contain;
+}
diff --git a/src/pages/PublishSeed/PublishSeed.jsx b/src/pages/PublishSeed/PublishSeed.jsx
index f064265..78b93bc 100644
--- a/src/pages/PublishSeed/PublishSeed.jsx
+++ b/src/pages/PublishSeed/PublishSeed.jsx
@@ -6,8 +6,6 @@
import { useUser } from '../../context/UserContext';
const PublishSeed = () => {
- console.log('[DEBUG] PublishSeed 组件渲染');
-
const [title, setTitle] = useState('');
const [description, setDescription] = useState('');
const [tags, setTags] = useState([]);