jiazhizhong/OpenIsle
1
0
Fork 0
mirror of https://github.com/nagisa77/OpenIsle.git synced 2026-05-28 21:47:44 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: cropper

Browse Source
This commit is contained in:
Tim
2025-08-04 13:11:55 +08:00
parent a8187b7d38
commit 9f1080eeb0
1 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/components/AvatarCropper.vue
View File

@@ -83,7 +83,8 @@ export default {
left: 0; left: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
background: rgba(0, 0, 0, 0.8); background-color: rgba(0, 0, 0, 0.8);
opacity: 1.0;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@@ -91,7 +92,7 @@ export default {
} }
.cropper-body { .cropper-body {
background: #fff; background: var(--background-color);
padding: 10px; padding: 10px;
border-radius: 6px; border-radius: 6px;
display: flex; display: flex;
@@ -118,15 +119,16 @@ export default {
.cropper-btn { .cropper-btn {
padding: 6px 12px; padding: 6px 12px;
border: 1px solid #ccc;
background: #fff;
border-radius: 4px; border-radius: 4px;
color: var(--primary-color);
border: none;
background: transparent;
cursor: pointer; cursor: pointer;
} }
.cropper-btn.primary { .cropper-btn.primary {
background: var(--primary-color); background: var(--primary-color);
color: #fff; color: var(--text-color);
border-color: var(--primary-color); border-color: var(--primary-color);
} }