Add Vite configuration and React components

kingRayhan · Dec 26, 2023 · fbb4c12 · fbb4c12
1 parent 20cfbd9
commit fbb4c12
Show file tree

Hide file tree

Showing 16 changed files with 9 additions and 11 deletions.
diff --git a/example-ts-react/.eslintrc.cjs → example/.eslintrc.cjs b/example-ts-react/.eslintrc.cjs → example/.eslintrc.cjs
diff --git a/example-ts-react/.gitignore → example/.gitignore b/example-ts-react/.gitignore → example/.gitignore
diff --git a/example-ts-react/.npmignore → example/.npmignore b/example-ts-react/.npmignore → example/.npmignore
diff --git a/example-ts-react/README.md → example/README.md b/example-ts-react/README.md → example/README.md
diff --git a/example-ts-react/index.html → example/index.html b/example-ts-react/index.html → example/index.html
diff --git a/example-ts-react/package-lock.json → example/package-lock.json b/example-ts-react/package-lock.json → example/package-lock.json
diff --git a/example-ts-react/package.json → example/package.json b/example-ts-react/package.json → example/package.json
diff --git a/example-ts-react/public/vite.svg → example/public/vite.svg b/example-ts-react/public/vite.svg → example/public/vite.svg
diff --git a/example-ts-react/src/App.tsx → example/src/App.tsx b/example-ts-react/src/App.tsx → example/src/App.tsx
@@ -11,9 +11,7 @@ const App = () => {
   ];
 
   const videoProps: VideoPlayerProps = {
-    theme: "city", // 'city', 'fantasy', 'forest', 'sea'
-    height: 720,
-    width: 1280,
+    theme: "forest", // 'city', 'fantasy', 'forest', 'sea'
     autoPlay: false,
     loop: false,
     sources: videoSources,

diff --git a/example-ts-react/src/main.tsx → example/src/main.tsx b/example-ts-react/src/main.tsx → example/src/main.tsx
diff --git a/example-ts-react/src/vite-env.d.ts → example/src/vite-env.d.ts b/example-ts-react/src/vite-env.d.ts → example/src/vite-env.d.ts
diff --git a/example-ts-react/tsconfig.json → example/tsconfig.json b/example-ts-react/tsconfig.json → example/tsconfig.json
diff --git a/example-ts-react/tsconfig.node.json → example/tsconfig.node.json b/example-ts-react/tsconfig.node.json → example/tsconfig.node.json
diff --git a/example-ts-react/vite.config.ts → example/vite.config.ts b/example-ts-react/vite.config.ts → example/vite.config.ts
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@graphland/react-video-player",
-  "version": "0.1.9",
+  "version": "0.1.10",
   "description": "A customizable React component serving as a wrapper for the popular Video.js library. This component provides a sleek and responsive video player with theme options.",
   "main": "dist/index.js",
   "scripts": {

diff --git a/src/VideoPlayer.css b/src/VideoPlayer.css
@@ -1,13 +1,13 @@
-/* .gl-video-player__video {
+.gl-video-player__wrapper {
+  position: relative;
+  padding-bottom: 56.25%;
+  overflow: hidden;
+}
+
+.gl-video-player__video {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
 }
-
-.gl-video-player__wrapper {
-  position: relative;
-  padding-bottom: 56.25%;
-  overflow: hidden;
-} */