Conti Comunitari e Collettivi

src/views/user/mycircuit/mycircuit.vue

@@ -27,20 +27,29 @@
           v-if="circuit.name"
           class="fit column no-wrap justify-evenly items-center content-start"
         >
-          <div class="">
-            <q-avatar size="140px">
+          <div class="row justify-center">
+            <q-avatar size="70px">
               <q-img
                 :src="getImgCircuit()"
                 :alt="circuit.name"
                 img-class="imgprofile"
-                height="140px"
+                height="70px"
                 @click="showPic = true"
               />
             </q-avatar>
-          </div>
-
-          <div class="text-h6">
-            <span v-if="checkifShow('name')"> {{ circuit.name }}</span>
+            <div class="q-mx-sm text-h6" style="align-self: center">
+              <span v-if="checkifShow('name')"> {{ circuit.name }}</span>
+            </div>
+            <div>
+              <CSaldo
+                :symbol="circuit.symbol"
+                :account="account"
+                :color="circuit.color"
+                :saldo="saldo"
+                :qtarem="account ? qtarem : 0"
+              >
+              </CSaldo>
+            </div>
           </div>
 
           <q-banner
@@ -57,14 +66,6 @@
 
           <br />
 
-          <CSaldo
-            :symbol="circuit.symbol"
-            :account="account"
-            :color="circuit.color"
-            :saldo="saldo"
-            :qtarem="account ? qtarem : 0"
-          >
-          </CSaldo>
           <div>
             <q-banner
               v-if="
@@ -655,9 +656,16 @@
                 <q-separator />
 
                 <q-card-section>
+                  <div class="centermydiv">
+                    <q-btn
+                      label="vedi Regolamento"
+                      @click="showrules = !showrules"
+                    >
+                    </q-btn>
+                  </div>
                   <div class="col-12 text-h7">
                     <span
-                      v-if="checkifShow('descr')"
+                      v-if="checkifShow('descr') && showrules"
                       v-html="circuit.regulation"
                     ></span>
                   </div>
@@ -672,7 +680,7 @@
                 <q-separator />
 
                 <q-card-section>
-                  <div class="col-12 text-h7">
+                  <div class="col-12 text-h7 text-center">
                     <span v-if="checkifShow('descr')">
                       <CSaldo
                         v-if="tools.isUserOk() && circuit.account"
@@ -690,16 +698,18 @@
                       >
                       </CSaldo>
                     </span>
-
-                    <q-btn
-                      v-if="tools.iAmAdminCircuit(circuit.name)"
-                      icon="fas fa-coins"
-                      color="green"
-                      size="md"
-                      dense
-                      @click="showsendCoinTo = true"
-                    >
-                    </q-btn>
+                    <div class=""
+                    v-if="tools.iAmAdminCircuit(circuit.name)">
+                      <q-btn
+                        icon="fas fa-coins"
+                        color="green"
+                        size="md"
+                        rounded
+                        :label="$t('circuit.sendcoins_tocom')"
+                        @click="showsendCoinTo = true"
+                      >
+                      </q-btn>
+                    </div>
                   </div>
                 </q-card-section>
               </q-card>
@@ -904,7 +914,9 @@
             <div style="font-weight: bold; font-size: 1.25rem">
               Regolamento:
             </div>
-            <div v-html="circuit.regulation"></div>
+            <q-btn label="vedi Regolamento" @click="showrules = !showrules">
+            </q-btn>
+            <div v-if="showrules" v-html="circuit.regulation"></div>
           </q-card-section>
           <q-card-actions align="center">
             <q-btn