From a6bac669f6c60d200ccec8adf3a3a542fc254104 Mon Sep 17 00:00:00 2001
From: Book Pauk <bookpauk@gmail.com>
Date: Fri, 26 Aug 2022 00:51:30 +0700
Subject: [PATCH] =?UTF-8?q?=D0=9F=D0=BE=D0=BF=D1=80=D0=B0=D0=B2=D0=BA?=
 =?UTF-8?q?=D0=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/components/share/DivBtn.vue | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/client/components/share/DivBtn.vue b/client/components/share/DivBtn.vue
index 76b44bd..84f916c 100644
--- a/client/components/share/DivBtn.vue
+++ b/client/components/share/DivBtn.vue
@@ -1,6 +1,6 @@
 <template>
-    <div ref="btn" class="button clickable row justify-center items-center no-wrap" @click="clickEffect">
-        <div :class="{'button-pressed': pressed}">
+    <div ref="btn" class="button clickable row justify-center items-center" @click="clickEffect">
+        <div class="row justify-center items-center no-wrap" :class="{'button-pressed': pressed}">
             <q-icon :name="icon" :size="`${iconSize}px`" />
             <slot></slot>
         </div>
@@ -24,10 +24,11 @@ class DivBtn {
     _options = componentOptions;
     _props = {
         size: { type: Number, default: 24 },
+        minWidth: { type: Number, default: 0 },
+        height: { type: Number, default: 0 },
         icon: { type: String, default: '' },
         iconSize: { type: Number, default: 14 },
         round: { type: Boolean },
-        pad: { type: Number, default: 0 },
     };
 
     pressed = false;
@@ -41,8 +42,8 @@ class DivBtn {
 
     updateSizes() {
         const style = this.$refs.btn.style;
-        style.minWidth = `${this.size}px`;
-        style.height = `${this.size}px`;
+        style.minWidth = `${(this.minWidth ? this.minWidth : this.size)}px`;
+        style.height = `${(this.height ? this.height : this.size)}px`;
         if (this.pad) {
             style.paddingLeft = `${this.pad}px`;
             style.paddingRight = `${this.pad + 5}px`;
@@ -50,6 +51,8 @@ class DivBtn {
 
         if (this.round)
             style.borderRadius = `${this.size}px`;
+        else
+            style.borderRadius = `${this.size/10}px`;
     }
 
     async clickEffect() {