fix: revert some code

This commit is contained in:
qier222 2021-03-06 17:02:06 +08:00
parent 6e57766433
commit 94ef0934a5
No known key found for this signature in database
GPG key ID: 9C85007ED905F14D
19 changed files with 54 additions and 455 deletions

View file

@ -1,9 +1,5 @@
<template>
<div
class="cover-row"
:style="rowStyles"
:class="{ 'without-padding': withoutPadding }"
>
<div class="cover-row" :style="rowStyles">
<div
class="item"
v-for="item in items"
@ -54,7 +50,6 @@ export default {
showPlayCount: { type: Boolean, default: false },
columnNumber: { type: Number, default: 5 },
gap: { type: String, default: "44px 24px" },
withoutPadding: { type: Boolean, default: false },
},
computed: {
rowStyles() {
@ -119,13 +114,6 @@ export default {
<style lang="scss" scoped>
.cover-row {
display: grid;
padding: var(--main-content-padding);
max-width: calc(100vw - var(--main-content-padding-x));
overflow-x: scroll;
}
.cover-row.without-padding {
padding: 0;
}
.item {
@ -155,18 +143,6 @@ export default {
}
}
@media (max-width: 800px) {
.item {
width: 256px;
}
}
@media (max-width: 600px) {
.item {
width: 192px;
}
}
.item.artist {
display: flex;
flex-direction: column;