From 61102f240008c48a5cb745b6470f1311fa822554 Mon Sep 17 00:00:00 2001
From: lilUnkelDemon <amir.momeni.gelloria79@gmail.com>
Date: Sat, 31 May 2025 01:31:50 +0330
Subject: [PATCH] fixed responsive size for mobile problem

---
 resources/js/client-vue/videoPlayer.vue | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/resources/js/client-vue/videoPlayer.vue b/resources/js/client-vue/videoPlayer.vue
index e3a4d77..e0917e8 100644
--- a/resources/js/client-vue/videoPlayer.vue
+++ b/resources/js/client-vue/videoPlayer.vue
@@ -235,4 +235,16 @@ export default {
     width: 100%;
     border-radius: var(--xshop-border-radius);
 }
+
+/*-450px width*/
+@media ( max-width: 450px ) {
+    .player-buttons {
+        display: grid;
+        grid-template-columns:  repeat(4,1fr);
+        gap: 10px;
+    }
+
+}
+
+
 </style>