carousel

src/components/CGridTableRec/CGridTableRec.vue

@@ -412,9 +412,9 @@
             :autoplay="autoplay"
             v-model="slideGridOriz"
             navigation
+            navigation-icon="radio_button_unchecked"
             control-color="blue-4"
             control-text-color="white"
-            arrows
             ref="carousel"
             transition-next="slide-left"
             transition-prev="slide-right"
@@ -425,6 +425,38 @@
             @mouseenter="autoplay = false"
             @mouseleave="autoplay = true"
           >
+            <template v-slot:control>
+              <q-carousel-control
+                position="top-left"
+                :offset="[-10, -10]"
+                class="q-gutter-xs"
+                style="opacity: 0.7"
+              >
+                <q-btn
+                  push
+                  round
+                  :color="$q.dark.isActive ? `black` : `white`"
+                  :text-color="$q.dark.isActive ? `white` : `black`"
+                  icon="keyboard_arrow_left"
+                  @click="$refs.carousel.previous()"
+                ></q-btn>
+              </q-carousel-control>
+              <q-carousel-control
+                position="top-right"
+                class="q-gutter-xs"
+                :offset="[-10, -10]"
+                style="opacity: 0.7"
+              >
+                <q-btn
+                  push
+                  round
+                  :color="$q.dark.isActive ? `black` : `white`"
+                  :text-color="$q.dark.isActive ? `white` : `black`"
+                  icon="keyboard_arrow_right"
+                  @click="$refs.carousel.next()"
+                ></q-btn>
+              </q-carousel-control>
+            </template>
             <q-carousel-slide
               v-for="(rec, indexrow) in serverData"
               :key="indexrow"