fix: fix bex collect page style (#160)

beclab · Sep 20, 2024 · e54f141 · e54f141
2 parents 0816b56 + 646d72d
commit e54f141
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 15 deletions.
diff --git a/packages/app/src/pages/Mobile/collect/CollectionItemStatus.vue b/packages/app/src/pages/Mobile/collect/CollectionItemStatus.vue
@@ -17,9 +17,9 @@
 .collection-wrapper-operation {
 	padding: 6px;
 	border-radius: 8px;
-	background: #fff;
+	background: $background-2;
 	&:hover {
-		background: rgba(92, 85, 81, 0.05);
+		background: $background-4;
 	}
 }
 </style>
diff --git a/packages/app/src/pages/Mobile/collect/DownloadContent.vue b/packages/app/src/pages/Mobile/collect/DownloadContent.vue
@@ -10,7 +10,7 @@
 				<q-img :src="entryImage(item.file)" class="image-avatar" />
 			</template>
 			<template v-slot:side>
-				<CollectionItemStatus class="status-white-bg">
+				<CollectionItemStatus>
 					<template v-slot:status>
 						<q-icon
 							v-if="
@@ -118,9 +118,5 @@ const entryImage = (item: FileInfo) => {
 		height: 44px;
 		border-radius: 8px;
 	}
-
-	.status-white-bg {
-		background: $background-1;
-	}
 }
 </style>
diff --git a/packages/app/src/pages/Mobile/collect/PageContent.vue b/packages/app/src/pages/Mobile/collect/PageContent.vue
@@ -30,7 +30,7 @@
 				</q-img>
 			</template>
 			<template v-slot:side>
-				<collection-item-status class="status-white-bg">
+				<collection-item-status>
 					<template v-slot:status>
 						<q-icon
 							v-if="item.status === RssStatus.added"
@@ -89,8 +89,5 @@ const onSaveEntry = async (item: RssInfo) => {
 		height: 44px;
 		border-radius: 8px;
 	}
-	.status-white-bg {
-		background: #fff;
-	}
 }
 </style>
diff --git a/packages/app/src/pages/Mobile/collect/RssContent.vue b/packages/app/src/pages/Mobile/collect/RssContent.vue
@@ -33,7 +33,7 @@
 				</q-img>
 			</template>
 			<template v-slot:side>
-				<collection-item-status class="status-white-bg">
+				<collection-item-status>
 					<template v-slot:status>
 						<q-icon
 							v-if="item.status === RssStatus.none"
@@ -122,8 +122,5 @@ const onRemoveFeed = async (item: RssInfo) => {
 		height: 44px;
 		border-radius: 8px;
 	}
-	.status-white-bg {
-		background: #fff;
-	}
 }
 </style>