前段
Change-Id: I718d4d07ea03c6d2b6bcbd4d426c5d1af2201bf4
diff --git a/src/components/RequestDetail.css b/src/components/RequestDetail.css
new file mode 100644
index 0000000..0d47b71
--- /dev/null
+++ b/src/components/RequestDetail.css
@@ -0,0 +1,213 @@
+/* RequestDetail.css */
+.request-detail-container {
+ max-width: 800px;
+ margin: 0 auto;
+ padding: 20px;
+ }
+
+ .back-button {
+ background: none;
+ border: none;
+ color: #1890ff;
+ cursor: pointer;
+ font-size: 16px;
+ margin-bottom: 20px;
+ padding: 5px 0;
+ }
+
+ .request-post {
+ background: #fff;
+ border-radius: 8px;
+ padding: 20px;
+ margin-bottom: 20px;
+ box-shadow: 0 1px 3px rgba(0,0,0,0.1);
+ }
+
+ .post-header {
+ display: flex;
+ align-items: center;
+ margin-bottom: 15px;
+ }
+
+ .post-avatar {
+ width: 40px;
+ height: 40px;
+ border-radius: 50%;
+ margin-right: 10px;
+ }
+
+ .post-meta {
+ display: flex;
+ flex-direction: column;
+ }
+
+ .post-author {
+ font-weight: bold;
+ }
+
+ .post-date {
+ color: #888;
+ font-size: 14px;
+ }
+
+ .post-title {
+ font-size: 20px;
+ margin: 0 0 15px;
+ }
+
+ .post-content {
+ line-height: 1.6;
+ margin-bottom: 15px;
+ }
+
+ .post-actions {
+ display: flex;
+ gap: 15px;
+ }
+
+ .like-button, .favorite-button {
+ padding: 5px 15px;
+ border-radius: 4px;
+ border: 1px solid #ddd;
+ background: #f5f5f5;
+ cursor: pointer;
+ }
+
+ .like-button.liked {
+ background: #e6f7ff;
+ border-color: #91d5ff;
+ color: #1890ff;
+ }
+
+ .favorite-button.favorited {
+ background: #fff7e6;
+ border-color: #ffd591;
+ color: #fa8c16;
+ }
+
+ .comments-section {
+ background: #fff;
+ border-radius: 8px;
+ padding: 20px;
+ box-shadow: 0 1px 3px rgba(0,0,0,0.1);
+ }
+
+ .comment-form {
+ margin-bottom: 20px;
+ }
+
+ .comment-form textarea {
+ width: 100%;
+ padding: 10px;
+ border-radius: 4px;
+ border: 1px solid #ddd;
+ resize: vertical;
+ min-height: 80px;
+ margin-bottom: 10px;
+ }
+
+ .form-actions {
+ display: flex;
+ gap: 10px;
+ }
+
+ .submit-comment, .submit-torrent {
+ padding: 8px 16px;
+ border-radius: 4px;
+ border: none;
+ cursor: pointer;
+ }
+
+ .submit-comment {
+ background: #1890ff;
+ color: white;
+ }
+
+ .submit-torrent {
+ background: #52c41a;
+ color: white;
+ }
+
+ .comment-list {
+ margin-top: 20px;
+ }
+
+ .comment-item {
+ display: flex;
+ padding: 15px 0;
+ border-bottom: 1px solid #f0f0f0;
+ }
+
+ .comment-item:last-child {
+ border-bottom: none;
+ }
+
+ .comment-avatar {
+ width: 40px;
+ height: 40px;
+ border-radius: 50%;
+ margin-right: 15px;
+ flex-shrink: 0;
+ }
+
+ .comment-content {
+ flex-grow: 1;
+ }
+
+ .comment-header {
+ display: flex;
+ justify-content: space-between;
+ margin-bottom: 8px;
+ }
+
+ .comment-author {
+ font-weight: bold;
+ }
+
+ .comment-date {
+ color: #888;
+ font-size: 14px;
+ }
+
+ .comment-text {
+ line-height: 1.6;
+ margin-bottom: 8px;
+ }
+
+ .torrent-comment {
+ display: flex;
+ align-items: center;
+ margin-bottom: 8px;
+ padding: 8px;
+ background: #f0f8ff;
+ border-radius: 4px;
+ }
+
+ .torrent-title {
+ color: #1890ff;
+ flex-grow: 1;
+ }
+
+ .torrent-size {
+ color: #666;
+ margin: 0 15px;
+ font-size: 14px;
+ }
+
+ .download-torrent {
+ background: #1890ff;
+ color: white;
+ border: none;
+ border-radius: 4px;
+ padding: 5px 10px;
+ cursor: pointer;
+ }
+
+ .comment-like {
+ background: none;
+ border: none;
+ color: #666;
+ cursor: pointer;
+ font-size: 14px;
+ padding: 0;
+ }
\ No newline at end of file