fixed responsive size for mobile problem

3 days ago · 61102f2400
parent 36e4e34e4c
commit 61102f2400
1 changed files with 12 additions and 0 deletions
--- 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>