From 9f1080eeb012483c9a0b16034861897b515ac4d6 Mon Sep 17 00:00:00 2001
From: Tim <nagisa12164@163.com>
Date: Mon, 4 Aug 2025 13:11:55 +0800
Subject: [PATCH] feat: cropper

---
 frontend/src/components/AvatarCropper.vue | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/AvatarCropper.vue b/frontend/src/components/AvatarCropper.vue
index 96755cd5f..2cb0a1d62 100644
--- a/frontend/src/components/AvatarCropper.vue
+++ b/frontend/src/components/AvatarCropper.vue
@@ -83,7 +83,8 @@ export default {
   left: 0;
   right: 0;
   bottom: 0;
-  background: rgba(0, 0, 0, 0.8);
+  background-color: rgba(0, 0, 0, 0.8);
+  opacity: 1.0;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -91,7 +92,7 @@ export default {
 }
 
 .cropper-body {
-  background: #fff;
+  background: var(--background-color);
   padding: 10px;
   border-radius: 6px;
   display: flex;
@@ -118,15 +119,16 @@ export default {
 
 .cropper-btn {
   padding: 6px 12px;
-  border: 1px solid #ccc;
-  background: #fff;
   border-radius: 4px;
+  color: var(--primary-color);
+  border: none;
+  background: transparent;
   cursor: pointer;
 }
 
 .cropper-btn.primary {
   background: var(--primary-color);
-  color: #fff;
+  color: var(--text-color);
   border-color: var(--primary-color);
 }