fixed responsive size for mobile problem

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>

resources/views/client/post.blade.php

@@ -12,7 +12,7 @@
         @endforeach
     @endif
     @foreach(getParts($area,'post'.$post->id) as $part)
-        @php($p = $part->getBladeWithData())
+        @php($p = $part->getBladeWithData($post))
         @include($p['blade'],['data' => $p['data']])
     @endforeach
     @if(findArea($area,$post)->use_default)

resources/views/client/product.blade.php

@@ -12,7 +12,7 @@
             @endforeach
         @endif
             @foreach(getParts($area,'$product'.$product->id) as $part)
-                @php($p = $part->getBladeWithData())
+                @php($p = $part->getBladeWithData($product))
                 @include($p['blade'],['data' => $p['data']])
             @endforeach
         @if(findArea($area,$product)->use_default)

resources/views/segments/other/SvgList/SvgList.blade.php

@@ -0,0 +1,16 @@
+<section class="SvgList live-setting" data-live="{{$data->area_name.'_'.$data->part}}" >
+    <div class="{{gfx()['container']}}">
+        <div class="row pt-4">
+            @for($i = 1 ; $i <= 4; $i++)
+                <div class="col-lg-3 col-md-6 col-sm-6">
+                    <a href="{{getSetting($data->area_name.'_'.$data->part.'_link'.$i)}}">
+                    <img src="{{asset('upload/images/'.$data->area_name.'.'.$data->part. $i.'.svg')}}" alt="">
+                    <h3>
+                        {{getSetting($data->area_name.'_'.$data->part.'_title'.$i)}}
+                    </h3>
+                    </a>
+                </div>
+            @endfor
+        </div>
+    </div>
+</section>

resources/views/segments/other/SvgList/SvgList.json

@@ -0,0 +1,10 @@
+{
+    "name": "SvgList",
+    "version": "1.0",
+    "author": "xStack",
+    "email": "xshop@xstack.ir",
+    "license": "GPL-3.0-or-later",
+    "url": "https:\/\/xstack.ir",
+    "author_url": "https:\/\/4xmen.ir",
+    "packages": []
+}

resources/views/segments/other/SvgList/SvgList.php

@@ -0,0 +1,59 @@
+<?php
+
+namespace Resources\Views\Segments;
+
+use App\Models\Part;
+use App\Models\Setting;
+use Illuminate\Support\Facades\File;
+
+class SvgList
+{
+    public static function onAdd(Part $part = null)
+    {
+        for ($i = 1; $i <= 4; $i++) {
+
+
+            $setting = new Setting();
+            $setting->section = 'theme';
+            $setting->key = $part->area_name . '_' . $part->part.$i.'_svg';
+            $setting->value = null;
+            $setting->type = 'FILE';
+            $setting->size = 12;
+            $setting->title =  $part->area_name . ' ' . $part->part.' Image '.$i;
+            $setting->save();
+
+            File::copy(__DIR__.'/../../default-assets/html.svg',public_path('upload/images/').$part->area_name  . '.' . $part->part. $i.'.svg');
+
+            $setting = new Setting();
+            $setting->section = 'theme';
+            $setting->key = $part->area_name . '_' . $part->part.'_title'.$i;
+            $setting->value = 'Title '.$i;
+            $setting->type = 'TEXT';
+            $setting->size = 6;
+            $setting->title =  $part->area_name . ' ' . $part->part .' title '.$i;
+
+            $setting->save();
+            $setting = new Setting();
+            $setting->section = 'theme';
+            $setting->key = $part->area_name . '_' . $part->part.'_link'.$i;
+            $setting->value = '/';
+            $setting->type = 'TEXT';
+            $setting->size = 6;
+            $setting->title =  $part->area_name . ' ' . $part->part .' link '.$i;
+            $setting->save();
+
+        }
+    }
+    public static function onRemove(Part $part = null)
+    {
+        for ($i = 1; $i <= 4; $i++) {
+            Setting::where('key',$part->area_name . '_' . $part->part.'_title'.$i)->first()?->delete();
+            Setting::where('key',$part->area_name . '_' . $part->part.'_link'.$i)->first()?->delete();
+            Setting::where('key',$part->area_name . '_' . $part->part.$i.'_svg')->first()?->delete();
+        }
+    }
+    public static function onMount(Part $part = null)
+    {
+        return $part;
+    }
+}

resources/views/segments/other/SvgList/SvgList.scss

@@ -0,0 +1,17 @@
+.SvgList {
+    // scss
+    text-align: center;
+    img{
+        width: 60%;
+        display: block;
+        margin: auto;
+        max-width: 128px;
+    }
+    h3{
+        font-size: 13pt;
+        margin: 1rem auto;
+    }
+    a{
+        color: var(--xshop-text);
+    }
+}