hide playlist item delete button only on small screen width

This commit is contained in:
jb-alvarado 2024-09-06 11:10:33 +02:00
parent 48f123bf6a
commit 4511c9c9e1
3 changed files with 101 additions and 104 deletions

View File

@ -50,7 +50,7 @@
{{ t('player.edit') }}
</div>
</th>
<th class="w-[85px] p-0 text-center hidden xl:table-cell justify-center">
<th class="w-[85px] p-0 text-center hidden md:table-cell justify-center">
<div class="border-b border-my-gray px-4 py-3 -mb-[2px]">
{{ t('player.delete') }}
</div>
@ -111,7 +111,7 @@
<i class="bi-pencil-square" />
</button>
</td>
<td class="py-2 text-center hidden xl:table-cell justify-center hover:text-base-content/70">
<td class="py-2 text-center hidden md:table-cell justify-center hover:text-base-content/70">
<button @click="deletePlaylistItem(index)">
<i class="bi-x-circle-fill" />
</button>

197
package-lock.json generated
View File

@ -26,7 +26,7 @@
"video.js": "^8.17.3"
},
"devDependencies": {
"@nuxt/eslint": "^0.5.5",
"@nuxt/eslint": "^0.5.6",
"@nuxtjs/i18n": "^8.5.2",
"@nuxtjs/tailwindcss": "^6.12.1",
"@types/lodash": "^4.17.7",
@ -37,7 +37,7 @@
"postcss-loader": "^8.1.1",
"sass": "^1.78.0",
"sass-loader": "^16.0.1",
"vue": "^3.5.1",
"vue": "^3.5.3",
"vue-router": "^4.4.3"
}
},
@ -1982,17 +1982,17 @@
}
},
"node_modules/@nuxt/eslint": {
"version": "0.5.5",
"resolved": "https://registry.npmjs.org/@nuxt/eslint/-/eslint-0.5.5.tgz",
"integrity": "sha512-QfSPHNyZdRNKmjMcvSNK/kP7lZvW+u4sCazCbcsHRm+FD+LFcAeawZAS0qOwMoPxuaQMP/HR2xzxOZN+u1XFhA==",
"version": "0.5.6",
"resolved": "https://registry.npmjs.org/@nuxt/eslint/-/eslint-0.5.6.tgz",
"integrity": "sha512-kW9+vyFBSSCYY1oaHhtMZPoZUlD2fLh1j6t/giCw6M/IiPWsMs2Hfzm/hqrfP/XNw9pvvtATAxRB9eF76IStwA==",
"dev": true,
"license": "MIT",
"dependencies": {
"@eslint/config-inspector": "^0.5.4",
"@nuxt/devtools-kit": "^1.4.1",
"@nuxt/eslint-config": "0.5.5",
"@nuxt/eslint-plugin": "0.5.5",
"@nuxt/kit": "^3.13.0",
"@nuxt/eslint-config": "0.5.6",
"@nuxt/eslint-plugin": "0.5.6",
"@nuxt/kit": "^3.13.1",
"chokidar": "^3.6.0",
"eslint-flat-config-utils": "^0.3.1",
"eslint-typegen": "^0.3.1",
@ -2017,24 +2017,24 @@
}
},
"node_modules/@nuxt/eslint-config": {
"version": "0.5.5",
"resolved": "https://registry.npmjs.org/@nuxt/eslint-config/-/eslint-config-0.5.5.tgz",
"integrity": "sha512-g99Q6VEGUTg8VKklNE5AaDyHFCcJTepTS6f2ea5yQRlAsJe8VUUUSnwqYw68saU3Mq6R/QOip2ic6A5SxZOy0w==",
"version": "0.5.6",
"resolved": "https://registry.npmjs.org/@nuxt/eslint-config/-/eslint-config-0.5.6.tgz",
"integrity": "sha512-2kse94xvLW9SeENOAkGaksfff7vwRWsekbDsRjVoW2h3/95wRHWSenObUbGaW6Jr3D0o7DzyEIsaOvnWHZXvDg==",
"dev": true,
"license": "MIT",
"dependencies": {
"@eslint/js": "^9.9.1",
"@nuxt/eslint-plugin": "0.5.5",
"@nuxt/eslint-plugin": "0.5.6",
"@stylistic/eslint-plugin": "^2.7.2",
"@typescript-eslint/eslint-plugin": "^8.3.0",
"@typescript-eslint/parser": "^8.3.0",
"eslint-config-flat-gitignore": "^0.2.0",
"@typescript-eslint/eslint-plugin": "^8.4.0",
"@typescript-eslint/parser": "^8.4.0",
"eslint-config-flat-gitignore": "^0.3.0",
"eslint-flat-config-utils": "^0.3.1",
"eslint-plugin-import-x": "^4.1.1",
"eslint-plugin-import-x": "^4.2.1",
"eslint-plugin-jsdoc": "^50.2.2",
"eslint-plugin-regexp": "^2.6.0",
"eslint-plugin-unicorn": "^55.0.0",
"eslint-plugin-vue": "^9.27.0",
"eslint-plugin-vue": "^9.28.0",
"globals": "^15.9.0",
"local-pkg": "^0.5.0",
"pathe": "^1.1.2",
@ -2045,14 +2045,14 @@
}
},
"node_modules/@nuxt/eslint-plugin": {
"version": "0.5.5",
"resolved": "https://registry.npmjs.org/@nuxt/eslint-plugin/-/eslint-plugin-0.5.5.tgz",
"integrity": "sha512-Qwz+sz4HWa+QTTAYveryq25a2wXB0FgR0WvVGKYPhD1nBxJGkE6nwM8CILrsdICL6fKp2nfWLBzUr/UlGPqHkw==",
"version": "0.5.6",
"resolved": "https://registry.npmjs.org/@nuxt/eslint-plugin/-/eslint-plugin-0.5.6.tgz",
"integrity": "sha512-WgTcC4pGjbd8NCZpTYOOWnUWEncYV/rWJFeL5gyCXT+t36qkmWESrPLQ2NqBNaFLhoz6b/BFuOvMPVKg/q1T9g==",
"dev": true,
"license": "MIT",
"dependencies": {
"@typescript-eslint/types": "^8.3.0",
"@typescript-eslint/utils": "^8.3.0"
"@typescript-eslint/types": "^8.4.0",
"@typescript-eslint/utils": "^8.4.0"
},
"peerDependencies": {
"eslint": "^8.57.0 || ^9.0.0"
@ -4185,13 +4185,13 @@
}
},
"node_modules/@vue/compiler-core": {
"version": "3.5.1",
"resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.1.tgz",
"integrity": "sha512-WdjF+NSgFYdWttHevHw5uaJFtKPalhmxhlu2uREj8cLP0uyKKIR60/JvSZNTp0x+NSd63iTiORQTx3+tt55NWQ==",
"version": "3.5.3",
"resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.3.tgz",
"integrity": "sha512-adAfy9boPkP233NTyvLbGEqVuIfK/R0ZsBsIOW4BZNfb4BRpRW41Do1u+ozJpsb+mdoy80O20IzAsHaihRb5qA==",
"license": "MIT",
"dependencies": {
"@babel/parser": "^7.25.3",
"@vue/shared": "3.5.1",
"@vue/shared": "3.5.3",
"entities": "^4.5.0",
"estree-walker": "^2.0.2",
"source-map-js": "^1.2.0"
@ -4204,26 +4204,26 @@
"license": "MIT"
},
"node_modules/@vue/compiler-dom": {
"version": "3.5.1",
"resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.1.tgz",
"integrity": "sha512-Ao23fB1lINo18HLCbJVApvzd9OQe8MgmQSgyY5+umbWj2w92w9KykVmJ4Iv2US5nak3ixc2B+7Km7JTNhQ8kSQ==",
"version": "3.5.3",
"resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.3.tgz",
"integrity": "sha512-wnzFArg9zpvk/811CDOZOadJRugf1Bgl/TQ3RfV4nKfSPok4hi0w10ziYUQR6LnnBAUlEXYLUfZ71Oj9ds/+QA==",
"license": "MIT",
"dependencies": {
"@vue/compiler-core": "3.5.1",
"@vue/shared": "3.5.1"
"@vue/compiler-core": "3.5.3",
"@vue/shared": "3.5.3"
}
},
"node_modules/@vue/compiler-sfc": {
"version": "3.5.1",
"resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.5.1.tgz",
"integrity": "sha512-DFizMNH8eDglLhlfwJ0+ciBsztaYe3fY/zcZjrqL1ljXvUw/UpC84M1d7HpBTCW68SNqZyIxrs1XWmf+73Y65w==",
"version": "3.5.3",
"resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.5.3.tgz",
"integrity": "sha512-P3uATLny2tfyvMB04OQFe7Sczteno7SLFxwrOA/dw01pBWQHB5HL15a8PosoNX2aG/EAMGqnXTu+1LnmzFhpTQ==",
"license": "MIT",
"dependencies": {
"@babel/parser": "^7.25.3",
"@vue/compiler-core": "3.5.1",
"@vue/compiler-dom": "3.5.1",
"@vue/compiler-ssr": "3.5.1",
"@vue/shared": "3.5.1",
"@vue/compiler-core": "3.5.3",
"@vue/compiler-dom": "3.5.3",
"@vue/compiler-ssr": "3.5.3",
"@vue/shared": "3.5.3",
"estree-walker": "^2.0.2",
"magic-string": "^0.30.11",
"postcss": "^8.4.44",
@ -4237,13 +4237,13 @@
"license": "MIT"
},
"node_modules/@vue/compiler-ssr": {
"version": "3.5.1",
"resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.5.1.tgz",
"integrity": "sha512-C1hpSHQgRM8bg+5XWWD7CkFaVpSn9wZHCLRd10AmxqrH17d4EMP6+XcZpwBOM7H1jeStU5naEapZZWX0kso1tQ==",
"version": "3.5.3",
"resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.5.3.tgz",
"integrity": "sha512-F/5f+r2WzL/2YAPl7UlKcJWHrvoZN8XwEBLnT7S4BXwncH25iDOabhO2M2DWioyTguJAGavDOawejkFXj8EM1w==",
"license": "MIT",
"dependencies": {
"@vue/compiler-dom": "3.5.1",
"@vue/shared": "3.5.1"
"@vue/compiler-dom": "3.5.3",
"@vue/shared": "3.5.3"
}
},
"node_modules/@vue/devtools-api": {
@ -4309,53 +4309,53 @@
}
},
"node_modules/@vue/reactivity": {
"version": "3.5.1",
"resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.5.1.tgz",
"integrity": "sha512-aFE1nMDfbG7V+U5vdOk/NXxH/WX78XuAfX59vWmCM7Ao4lieoc83RkzOAWun61sQXlzNZ4IgROovFBHg+Iz1+Q==",
"version": "3.5.3",
"resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.5.3.tgz",
"integrity": "sha512-2w61UnRWTP7+rj1H/j6FH706gRBHdFVpIqEkSDAyIpafBXYH8xt4gttstbbCWdU3OlcSWO8/3mbKl/93/HSMpw==",
"license": "MIT",
"dependencies": {
"@vue/shared": "3.5.1"
"@vue/shared": "3.5.3"
}
},
"node_modules/@vue/runtime-core": {
"version": "3.5.1",
"resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.5.1.tgz",
"integrity": "sha512-Ce92CCholNRHR3ZtzpRp/7CDGIPFxQ7ElXt9iH91ilK5eOrUv3Z582NWJesuM3aYX71BujVG5/4ypUxigGNxjA==",
"version": "3.5.3",
"resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.5.3.tgz",
"integrity": "sha512-5b2AQw5OZlmCzSsSBWYoZOsy75N4UdMWenTfDdI5bAzXnuVR7iR8Q4AOzQm2OGoA41xjk53VQKrqQhOz2ktWaw==",
"license": "MIT",
"dependencies": {
"@vue/reactivity": "3.5.1",
"@vue/shared": "3.5.1"
"@vue/reactivity": "3.5.3",
"@vue/shared": "3.5.3"
}
},
"node_modules/@vue/runtime-dom": {
"version": "3.5.1",
"resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.5.1.tgz",
"integrity": "sha512-B/fUJfBLp5PwE0EWNfBYnA4JUea8Yufb3wN8fN0/HzaqBdkiRHh4sFHOjWqIY8GS75gj//8VqeEqhcU6yUjIkA==",
"version": "3.5.3",
"resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.5.3.tgz",
"integrity": "sha512-wPR1DEGc3XnQ7yHbmkTt3GoY0cEnVGQnARRdAkDzZ8MbUKEs26gogCQo6AOvvgahfjIcnvWJzkZArQ1fmWjcSg==",
"license": "MIT",
"dependencies": {
"@vue/reactivity": "3.5.1",
"@vue/runtime-core": "3.5.1",
"@vue/shared": "3.5.1",
"@vue/reactivity": "3.5.3",
"@vue/runtime-core": "3.5.3",
"@vue/shared": "3.5.3",
"csstype": "^3.1.3"
}
},
"node_modules/@vue/server-renderer": {
"version": "3.5.1",
"resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.5.1.tgz",
"integrity": "sha512-C5V/fjQTitgVaRNH5wCoHynaWysjZ+VH68drNsAvQYg4ArHsZUQNz0nHoEWRj41nzqkVn2RUlnWaEOTl2o1Ppg==",
"version": "3.5.3",
"resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.5.3.tgz",
"integrity": "sha512-28volmaZVG2PGO3V3+gBPKoSHvLlE8FGfG/GKXKkjjfxLuj/50B/0OQGakM/g6ehQeqCrZYM4eHC4Ks48eig1Q==",
"license": "MIT",
"dependencies": {
"@vue/compiler-ssr": "3.5.1",
"@vue/shared": "3.5.1"
"@vue/compiler-ssr": "3.5.3",
"@vue/shared": "3.5.3"
},
"peerDependencies": {
"vue": "3.5.1"
"vue": "3.5.3"
}
},
"node_modules/@vue/shared": {
"version": "3.5.1",
"resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.1.tgz",
"integrity": "sha512-NdcTRoO4KuW2RSFgpE2c+E/R/ZHaRzWPxAGxhmxZaaqLh6nYCXx7lc9a88ioqOCxCaV2SFJmujkxbUScW7dNsQ==",
"version": "3.5.3",
"resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.3.tgz",
"integrity": "sha512-Jp2v8nylKBT+PlOUjun2Wp/f++TfJVFjshLzNtJDdmFJabJa7noGMncqXRM1vXGX+Yo2V7WykQFNxusSim8SCA==",
"license": "MIT"
},
"node_modules/@vueform/multiselect": {
@ -5261,9 +5261,9 @@
}
},
"node_modules/caniuse-lite": {
"version": "1.0.30001657",
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001657.tgz",
"integrity": "sha512-DPbJAlP8/BAXy3IgiWmZKItubb3TYGP0WscQQlVGIfT4s/YlFYVuJgyOsQNP7rJRChx/qdMeLJQJP0Sgg2yjNA==",
"version": "1.0.30001658",
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001658.tgz",
"integrity": "sha512-N2YVqWbJELVdrnsW5p+apoQyYt51aBMSsBZki1XZEfeBCexcM/sf4xiAHcXQBkuOwJBXtWF7aW1sYX6tKebPHw==",
"funding": [
{
"type": "opencollective",
@ -6059,12 +6059,12 @@
}
},
"node_modules/debug": {
"version": "4.3.6",
"resolved": "https://registry.npmjs.org/debug/-/debug-4.3.6.tgz",
"integrity": "sha512-O/09Bd4Z1fBrU4VzkhFqVgpPzaGbw6Sm9FEkBT1A/YBXQFGuuSxa1dN2nxgxS34JmKXqYx8CZAwEVoJFImUXIg==",
"version": "4.3.7",
"resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
"integrity": "sha512-Er2nc/H7RrMXZBFCEim6TCmMk02Z8vLC2Rbi1KEBggpo0fS6l0S1nnapwmIi3yW/+GOJap1Krg4w0Hg80oCqgQ==",
"license": "MIT",
"dependencies": {
"ms": "2.1.2"
"ms": "^2.1.3"
},
"engines": {
"node": ">=6.0"
@ -6342,9 +6342,9 @@
"license": "MIT"
},
"node_modules/electron-to-chromium": {
"version": "1.5.14",
"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.14.tgz",
"integrity": "sha512-bEfPECb3fJ15eaDnu9LEJ2vPGD6W1vt7vZleSVyFhYuMIKm3vz/g9lt7IvEzgdwj58RjbPKUF2rXTCN/UW47tQ==",
"version": "1.5.16",
"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.16.tgz",
"integrity": "sha512-2gQpi2WYobXmz2q23FrOBYTLcI1O/P4heW3eqX+ldmPVDQELRqhiebV380EhlGG12NtnX1qbK/FHpN0ba+7bLA==",
"license": "ISC"
},
"node_modules/emoji-regex": {
@ -6585,9 +6585,9 @@
}
},
"node_modules/eslint-config-flat-gitignore": {
"version": "0.2.0",
"resolved": "https://registry.npmjs.org/eslint-config-flat-gitignore/-/eslint-config-flat-gitignore-0.2.0.tgz",
"integrity": "sha512-s4lsQLYX+76FCt3PZPwdLwWlqssa5SLufl2gopFmCo3PETOLY3OW5IrD3/l2R0FfYEJvd9BRJ19yJ+yfc5oW3g==",
"version": "0.3.0",
"resolved": "https://registry.npmjs.org/eslint-config-flat-gitignore/-/eslint-config-flat-gitignore-0.3.0.tgz",
"integrity": "sha512-0Ndxo4qGhcewjTzw52TK06Mc00aDtHNTdeeW2JfONgDcLkRO/n/BteMRzNVpLQYxdCC/dFEilfM9fjjpGIJ9Og==",
"dev": true,
"license": "MIT",
"dependencies": {
@ -6596,6 +6596,9 @@
},
"funding": {
"url": "https://github.com/sponsors/antfu"
},
"peerDependencies": {
"eslint": "^9.5.0"
}
},
"node_modules/eslint-flat-config-utils": {
@ -8802,9 +8805,9 @@
"license": "MIT"
},
"node_modules/launch-editor": {
"version": "2.8.2",
"resolved": "https://registry.npmjs.org/launch-editor/-/launch-editor-2.8.2.tgz",
"integrity": "sha512-eF5slEUZXmi6WvFzI3dYcv+hA24/iKnROf24HztcURJpSz9RBmBgz5cNCVOeguouf1llrwy6Yctl4C4HM+xI8g==",
"version": "2.9.1",
"resolved": "https://registry.npmjs.org/launch-editor/-/launch-editor-2.9.1.tgz",
"integrity": "sha512-Gcnl4Bd+hRO9P9icCP/RVVT2o8SFlPXofuCxvA2SaZuH45whSvf5p8x5oih5ftLiVhEI4sp5xDY+R+b3zJBh5w==",
"license": "MIT",
"dependencies": {
"picocolors": "^1.0.0",
@ -9359,9 +9362,9 @@
}
},
"node_modules/ms": {
"version": "2.1.2",
"resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
"integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
"version": "2.1.3",
"resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
"integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
"license": "MIT"
},
"node_modules/mux.js": {
@ -12873,12 +12876,6 @@
"node": ">=4"
}
},
"node_modules/send/node_modules/ms": {
"version": "2.1.3",
"resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
"integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
"license": "MIT"
},
"node_modules/serialize-javascript": {
"version": "6.0.2",
"resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.2.tgz",
@ -14737,16 +14734,16 @@
"license": "MIT"
},
"node_modules/vue": {
"version": "3.5.1",
"resolved": "https://registry.npmjs.org/vue/-/vue-3.5.1.tgz",
"integrity": "sha512-k4UNnbPOEskodSxMtv+B9GljdB0C9ubZDOmW6vnXVGIfMqmEsY2+ohasjGguhGkMkrcP/oOrbH0dSD41x5JQFw==",
"version": "3.5.3",
"resolved": "https://registry.npmjs.org/vue/-/vue-3.5.3.tgz",
"integrity": "sha512-xvRbd0HpuLovYbOHXRHlSBsSvmUJbo0pzbkKTApWnQGf3/cu5Z39mQeA5cZdLRVIoNf3zI6MSoOgHUT5i2jO+Q==",
"license": "MIT",
"dependencies": {
"@vue/compiler-dom": "3.5.1",
"@vue/compiler-sfc": "3.5.1",
"@vue/runtime-dom": "3.5.1",
"@vue/server-renderer": "3.5.1",
"@vue/shared": "3.5.1"
"@vue/compiler-dom": "3.5.3",
"@vue/compiler-sfc": "3.5.3",
"@vue/runtime-dom": "3.5.3",
"@vue/server-renderer": "3.5.3",
"@vue/shared": "3.5.3"
},
"peerDependencies": {
"typescript": "*"

View File

@ -30,7 +30,7 @@
"video.js": "^8.17.3"
},
"devDependencies": {
"@nuxt/eslint": "^0.5.5",
"@nuxt/eslint": "^0.5.6",
"@nuxtjs/i18n": "^8.5.2",
"@nuxtjs/tailwindcss": "^6.12.1",
"@types/lodash": "^4.17.7",
@ -41,7 +41,7 @@
"postcss-loader": "^8.1.1",
"sass": "^1.78.0",
"sass-loader": "^16.0.1",
"vue": "^3.5.1",
"vue": "^3.5.3",
"vue-router": "^4.4.3"
}
}