Merge pull request #37 from uploadcare/fix/unsplash-splide

fix(js-custom-tab): revert back original splide classes
uploadcare · Oct 3, 2024 · fd07f59 · fd07f59
2 parents 54cc7a4 + 2c19c31
commit fd07f59
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 11 deletions.
diff --git a/examples/js-custom-tab/package-lock.json b/examples/js-custom-tab/package-lock.json
diff --git a/examples/js-custom-tab/package.json b/examples/js-custom-tab/package.json
@@ -10,11 +10,11 @@
     "preview": "vite preview"
   },
   "devDependencies": {
-    "@splidejs/splide": "4.1.4",
     "postcss-import": "15.1.0",
     "vite": "4.5.2"
   },
   "dependencies": {
+    "@splidejs/splide": "4.1.4",
     "@uploadcare/file-uploader": "^1.2.0"
   }
 }
diff --git a/examples/js-custom-tab/src/UnsplashSource.js b/examples/js-custom-tab/src/UnsplashSource.js
@@ -130,9 +130,9 @@ export class UnsplashSource extends UploaderBlock {
       </button>
     </uc-activity-header>
     <div class="uc-content">
-      <div ref="slider" class="uc-splide">
-        <div class="uc-splide__track">
-          <ul class="uc-splide__list"></ul>
+      <div ref="slider" class="splide">
+        <div class="splide__track">
+          <ul class="splide__list"></ul>
         </div>
       </div>
     </div>

diff --git a/examples/js-custom-tab/src/unsplash-source.css b/examples/js-custom-tab/src/unsplash-source.css
@@ -46,22 +46,22 @@ uc-unsplash-source .uc-image-slider img {
   flex: 0 0 100%;
 }
 
-uc-unsplash-source .uc-splide {
+uc-unsplash-source .splide {
   width: 100%;
 }
 
-uc-unsplash-source .uc-splide__track {
+uc-unsplash-source .splide__track {
   height: 100%;
 }
 
-uc-unsplash-source .uc-splide__slide {
+uc-unsplash-source .splide__slide {
   display: flex;
   align-items: center;
   justify-content: center;
   overflow: hidden;
 }
 
-uc-unsplash-source .uc-splide__slide img {
+uc-unsplash-source .splide__slide img {
   height: 100%;
   object-fit: cover;
   flex: 0 1 100%;