xczc

Kraftbit · May 5, 2022 · 6ae9234 · 6ae9234
1 parent d530a7e
commit 6ae9234
Show file tree

Hide file tree

Showing 4 changed files with 28,382 additions and 5 deletions.
diff --git a/dist/css/field.css b/dist/css/field.css
@@ -1 +1,47 @@
-.tox-tinymce{border-color:#bacad6!important;border-radius:.5rem!important}.img-text{-webkit-transform:scale(0);transform:scale(0);position:absolute;top:0;bottom:0;left:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#00000080;color:#fff;border-radius:.5rem;padding:8px;text-align:center}.nml-icon-image{position:relative}.nml-icon-image:active .img-text,.nml-icon-image:focus .img-text,.nml-icon-image:hover .img-text{-webkit-transform:scale(1);transform:scale(1)}button.pagination-active{background-color:#fff;border-radius:50%}
+.tox-tinymce {
+  border-color: #bacad6 !important;
+  border-radius: .5rem !important;
+}
+
+.img-text {
+  -webkit-transform: scale(0);
+  transform: scale(0);
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  background-color: #00000080;
+  color: #ffffff;
+  border-radius: 0.5rem;
+  padding: 8px;
+  text-align: center;
+}
+
+.img-container {
+  position: relative;
+  height: 150px;
+  width: 150px;
+}
+
+.img-container:hover .img-text,
+.img-container:active .img-text,
+.img-container:focus .img-text {
+  -webkit-transform: scale(1);
+          transform: scale(1);
+}
+
+button.pagination-active {
+  background-color: white;
+  border-radius: 50%;
+}
+
diff --git a/dist/js/field.js b/dist/js/field.js
diff --git a/resources/js/components/addons/media/ImagePicker.vue b/resources/js/components/addons/media/ImagePicker.vue
@@ -35,10 +35,11 @@
 <!--        gallary -->
         <loading-view :loading="imagesIsLoading">
           <div class="p-4">
-          <div class="flex flex-wrap nml-display-gallery">
+          <div class="flex flex-wrap">
 
             <image-block-mt @choose="selectImage(image)" v-for="(image,k) in images" :key="k" :image="image"/>
-            <p class="p-5" v-empty="images">Nothing here !</p>
+
+            <p class="p-5" v-if="images == []">Nothing here !</p>
 
           </div>
         </div>

diff --git a/resources/sass/field.scss b/resources/sass/field.scss
@@ -28,8 +28,10 @@
     text-align: center;
 }
 
-.nml-icon-image{
+.img-container{
     position: relative;
+    height: 150px;
+    width: 150px;
     &:hover, &:active,&:focus{
         .img-text{
             transform: scale(1);