design update with themes

hasanuzzamanbe · Sep 27, 2023 · 6abe821 · 6abe821
1 parent d2fc71e
commit 6abe821
Show file tree

Hide file tree

Showing 6 changed files with 200 additions and 830 deletions.
diff --git a/.github/workflows/node.js.yml b/.github/workflows/node.js.yml
@@ -36,8 +36,8 @@ jobs:
       with:
         files: |
           assets/
-        tag_name: 1.0.0
-        release_name: Release 1.0.0
+        tag_name: 1.0.1
+        release_name: Release 1.0.1
         body: |
           Changes in this Release
         draft: false

diff --git a/.gitignore b/.gitignore
@@ -107,4 +107,4 @@ dist
 src/images/.DS_Store
 .DS_Store
 *.xml
-assets/*
+
diff --git a/includes/Builder/Render.php b/includes/Builder/Render.php
@@ -199,7 +199,7 @@ public static function renderInputElements($template = [])
             <?php if ($enableMsg): ?>
                 <div data-element_type="textarea" class="wpm_bmc_form_item">
                     <div class="wpm_bmc_input_content">
-                        <textarea rows="4" <?php
+                        <textarea rows="2" <?php
                         // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
                         echo static::builtAttributes($msgAttributes); ?>></textarea>
                     </div>

diff --git a/src/js/Components/Dashboard.vue b/src/js/Components/Dashboard.vue
@@ -6,7 +6,7 @@
       <a :href="previewUrl" target="_blank"><el-icon style="margin-right:4px;">
         <View/></el-icon> Preview</a>
     </div>
-    <div class="quick_setup_tour" v-if="!supporters.length && !guidedTour">
+    <div class="quick_setup_tour" v-if="!supporters.length && !guidedTour && !fetching">
       <p @click="setStore" style="float:right">x close </p>
       <div>
         <el-icon><Setting /></el-icon>
@@ -115,7 +115,8 @@ export default {
   data() {
     return {
       limit: 20,
-      guidedTour: false,
+      guidedTour: true,
+      fetching: false,
       posts_per_page: 10,
       current: 0,
       total: null,
@@ -146,6 +147,7 @@ export default {
       this.getSupporters();
     },
     getSupporters () {
+      this.fetching = true;
       this.$get({
         action: 'wpm_bmc_admin_ajax',
         route: 'get_supporters',
@@ -158,6 +160,7 @@ export default {
             this.supporters = response.data.supporters;
             this.total = response.data.total;
             this.reportData = response.data.reports;
+            this.fetching = false;
           })
           .fail(error => {
             this.$message.error(error.responseJSON.data.message);
@@ -187,7 +190,7 @@ export default {
   mounted() {
     this.getSupporters();
     if (window.localStorage) {
-      this.guidedTour = window.localStorage.getItem('wpm_bmc_guided_tour');
+      this.guidedTour = !!window.localStorage.getItem('wpm_bmc_guided_tour');
     }
   }
 }

diff --git a/src/scss/public/BasicTemplate.scss b/src/scss/public/BasicTemplate.scss
@@ -75,8 +75,9 @@ span.buymecoffee_form_to {
 }
 .wpm_bmc_input_content input,
 .wpm_bmc_input_content textarea {
-    width: 98% !important;
-    padding: 4px;
+    box-shadow: none !important;
+    width: 100% !important;
+    padding: 4px 12px;
     border: 1px solid #f2f2f2 !important;
     border-radius: 4px;
     resize: vertical;
@@ -95,13 +96,32 @@ span.buymecoffee_form_to {
 .wpm_bmc_input_content input{
     height: 30px;
 }
+.wpm_bmc_payment_input_content {
+    background: #b9fff33d;
+    border: 1px solid #cffaf7;
+    border-radius: 7px;
+    margin-bottom: 20px;
+    box-sizing: border-box;
+    display: flex;
+    justify-content: center;
+}
 .wpm_bmc_custom_quantity:focus,
 .wpm_bmc_input_content input:focus,
 .wpm_bmc_input_content textarea:focus {
     outline: none;
     box-shadow: none;
 }
-
+.wpm_bmc_input_content input::placeholder 
+{
+    color: #607D8B;
+}
+.wpm_bmc_input_content textarea::placeholder
+{
+    color: #607D8B;
+}
+.wpm_bmc_input_content textarea {
+    min-height: 50px;
+}
 .wpm_bmc_form_item {
     margin-bottom: 14px;
 }
@@ -189,25 +209,37 @@ span.buymecoffee_form_to {
 .bmc_coffee input {
     visibility: hidden;
 }
+input.wpm_bmc_custom_quantity {
+    height: 40px;
+    display: flex;
+    width: 55px;
+}
 .bmc_coffee label {
     cursor: pointer;
     border: 1px solid #ccc;
-    padding: 5px 14px;
     border-radius: 50%;
-    max-width: 39px !important;
-    max-height: 39px !important;
     text-align: center;
+    width: 40px;
+    height: 40px;
+    padding: 0 !important;
+    margin: 0 !important;
+    display: flex !important;
+    align-items: center;
+    justify-content: center;
+    font-size: 16px;
 }
 .bmc_coffee input:checked+label {
-    background: #0db799 !important;
+    background: #b9fff3 !important;
+    border-color: #b9fff3;
 }
 .wpm_bmc_custom_quantity {
     max-width: 60px !important;
     margin-left: 15px !important;
     text-align: center;
 }
 input.custom_quantity_active {
-    background: #0db799 !important;
+    background: #b9fff3 !important;
+    border-color: #b9fff3;
 }
 .wpm_bmc_main_container .wpm_bmc_payment_item {
     min-width: 300px;