fix buttons size

Disservin · Apr 22, 2023 · f71e41f · f71e41f
1 parent 83d4d4d
commit f71e41f
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 17 deletions.
diff --git a/src/components/AppBtn.vue b/src/components/AppBtn.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="btn-wrap">
     <v-btn class="btn" color="primary" v-bind="$attrs">
       <font-awesome-icon icon="fa-solid fa-clipboard" />
       <span>{{ text }}</span>
@@ -27,11 +27,12 @@ export default defineComponent({
   border-radius: 5px;
   padding: 0.5rem;
   margin: 0.5rem;
-  width: 100%;
+  flex: auto;
 }
 .btn-wrap {
   display: flex;
-  justify-content: center;
+  flex-direction: row;
+  justify-content: space-between;
   background-color: var(--bg-tertiary);
   margin: 5px;
 }

diff --git a/src/components/AppCopyBtn.vue b/src/components/AppCopyBtn.vue
@@ -26,17 +26,4 @@ export default defineComponent({
 });
 </script>
 
-<style scoped>
-.btn {
-  border-radius: 5px;
-  padding: 0.5rem;
-  margin: 0.5rem;
-  width: 100%;
-}
-.btn-wrap {
-  display: flex;
-  justify-content: center;
-  background-color: var(--bg-tertiary);
-  margin: 5px;
-}
-</style>
+<style></style>