From 92fd1b8774d6432a90dfe89b03474902649bac07 Mon Sep 17 00:00:00 2001
From: Net <93821485+somnetsak123@users.noreply.github.com>
Date: Tue, 23 Apr 2024 13:40:38 +0700
Subject: [PATCH] =?UTF-8?q?fix:=20=E0=B9=81=E0=B8=81=E0=B9=89=20=20css=20?=
 =?UTF-8?q?=20=E0=B9=84=E0=B8=A1=E0=B9=88=E0=B8=A1=E0=B8=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ProfileUpload.vue | 32 ++++++++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)

diff --git a/src/components/ProfileUpload.vue b/src/components/ProfileUpload.vue
index 0761b2f7..1f0aa0bf 100644
--- a/src/components/ProfileUpload.vue
+++ b/src/components/ProfileUpload.vue
@@ -100,4 +100,36 @@ defineEmits<{
   height: 12vw;
   background-color: var(--surface-1);
 }
+
+.upload-img-btn {
+  color: hsl(var(--info-bg));
+  border: 1px solid hsl(var(--info-bg));
+  background-color: hsla(var(--info-bg) / 0.1);
+  border-radius: var(--radius-2);
+
+  &.dark {
+    background-color: transparent;
+  }
+}
+
+.edit-img-btn {
+  color: hsl(var(--info-bg));
+  border: 1px solid hsl(var(--info-bg));
+  background-color: transparent;
+  border-radius: var(--radius-2);
+}
+
+.cancel-img-btn {
+  color: hsl(var(--negative-bg));
+  border: 1px solid hsl(var(--negative-bg));
+  background-color: transparent;
+  border-radius: var(--radius-2);
+}
+
+.submit-img-btn {
+  color: var(--surface-1);
+  border: 1px solid hsl(var(--positive-bg));
+  background-color: hsl(var(--positive-bg));
+  border-radius: var(--radius-2);
+}
 </style>