@golstats/gsc-top-player 1.0.4 → 1.0.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@golstats/gsc-top-player",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "main": "dist/gsc-top-player.umd.js",
   "module": "dist/gsc-top-player.es.js",
   "exports": {

package/src/App.vue

@@ -4,8 +4,8 @@ import { categoriesDefault } from './components/comparative/categories.js'
 // import { dummyTopPlayers } from './components/comparative/dummy-top-players.js'
 
 // Selecciona una categoría real o la dummy manualmente para pruebas
-//const selectedCategories = [{ id: 0, name: 'Categoria' }]
-const selectedCategories = categoriesDefault.filter((cat) => cat.id === 2)
+const selectedCategories = [{ id: 0, name: 'Categoria' }]
+//const selectedCategories = categoriesDefault.filter((cat) => cat.id === 2)
 
 const gameData = {
   gameId: 90209,

package/src/components/comparative/gsc-header-tops.vue

@@ -819,7 +819,7 @@ body {
 
   .playerRow {
     height: 80px;
-    min-width: 320px;
+    min-width: 300px;
   }
 
   .groupsLeague {
@@ -1124,6 +1124,25 @@ body {
     box-sizing: border-box;
   }
 }
+@media screen and (max-width: 330px) {
+  /* Estilos para botones más pequeños en pantallas menores a 330px */
+  .containerData :deep(.gsc-button) {
+    height: 20px !important;
+    font-size: 10px !important;
+    padding: 2px 8px !important;
+    min-width: 60px !important;
+    max-width: 120px !important;
+  }
+
+  .leftContainer :deep(.gsc-button) {
+    height: 20px !important;
+    font-size: 10px !important;
+    padding: 2px 8px !important;
+    min-width: 60px !important;
+    max-width: 120px !important;
+  }
+}
+
 @media screen and (max-width: 320px) {
   .btnVideosOptionsType1 {
     display: flex;
@@ -1132,6 +1151,26 @@ body {
   .btnVideosOptions1Games {
     display: none;
   }
+
+  .toniKroosGames {
+    font-size: 10px;
+    line-height: 12px;
+    word-wrap: break-word;
+    white-space: normal;
+    overflow-wrap: break-word;
+    hyphens: auto;
+    max-width: 100px;
+    min-height: 24px;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+  }
+
+  .playerNameGames {
+    min-height: 30px;
+    align-items: flex-start;
+  }
 }
 @media screen and (max-width: 460px) {
   .containerInfoGames {

package/src/components/comparative/gsc-top.vue

@@ -1,6 +1,7 @@
 <template>
   <div :class="type == 0 ? 'gsc-top' : 'gsc-top-full'">
     <div ref="myDivRef">
+      {{ elementSize.width }}
       <template v-if="type == 0">
         <template v-if="topData.length > 0">
           <!-- Título de la categoría con línea verde -->
@@ -1119,7 +1120,6 @@ export default {
         if (this.game.game_status === 1) {
           data = await axiosInstance.get(this.url + '/' + this.gameId + '/' + this.category)
         } else {
-          console.log('LLEGO ES 2 PRWMATCH')
           data = await axiosInstance.get(
             this.urlPrematch +
               seasonGet +

package/src/components/comparative/gsc-tops-full.vue

@@ -2,7 +2,6 @@
   <div ref="myDivRefTopsFull" style="width: 100%; max-width: 100%; box-sizing: border-box">
     <template v-for="(category, index) in categoryView" :key="index">
       <div :class="toniKroosWrapperClass">
-        {{ game }}
         <GSCTopCategory
           :is-widget="isWidget"
           :team-widget="teamWidget"