client: tweak style

3 files changed, 11 insertions, 9 deletions

diff --git a/packages/client/src/components/drive-file-thumbnail.vue b/packages/client/src/components/drive-file-thumbnail.vue
index b374ac1cfd..e94b6b8bcb 100644
--- a/packages/client/src/components/drive-file-thumbnail.vue
+++ b/packages/client/src/components/drive-file-thumbnail.vue
@@ -85,6 +85,10 @@ export default defineComponent({
 <style lang="scss" scoped>
 .zdjebgpv {
 	position: relative;
+	display: flex;
+	background: #e1e1e1;
+	border-radius: 8px;
+	overflow: clip;
 
 	> .icon-sub {
 		position: absolute;
@@ -95,14 +99,11 @@ export default defineComponent({
 		bottom: 4%;
 	}
 
-	> * {
-		margin: auto;
-	}
-
 	> .icon {
 		pointer-events: none;
-		height: 65%;
-		width: 65%;
+		margin: auto;
+		font-size: 32px;
+		color: #777;
 	}
 }
 </style>
diff --git a/packages/client/src/components/drive.file.vue b/packages/client/src/components/drive.file.vue
index 62fd56d487..511647229e 100644
--- a/packages/client/src/components/drive.file.vue
+++ b/packages/client/src/components/drive.file.vue
@@ -210,7 +210,7 @@ export default defineComponent({
 	position: relative;
 	padding: 8px 0 0 0;
 	min-height: 180px;
-	border-radius: 4px;
+	border-radius: 8px;
 
 	&, * {
 		cursor: pointer;
diff --git a/packages/client/src/components/drive.vue b/packages/client/src/components/drive.vue
index 1e59de7055..46bcd42558 100644
--- a/packages/client/src/components/drive.vue
+++ b/packages/client/src/components/drive.vue
@@ -657,14 +657,14 @@ export default defineComponent({
 		> .path {
 			display: inline-block;
 			vertical-align: bottom;
-			line-height: 38px;
+			line-height: 50px;
 			white-space: nowrap;
 
 			> * {
 				display: inline-block;
 				margin: 0;
 				padding: 0 8px;
-				line-height: 38px;
+				line-height: 50px;
 				cursor: pointer;
 
 				* {
@@ -699,6 +699,7 @@ export default defineComponent({
 
 		> .menu {
 			margin-left: auto;
+			padding: 0 12px;
 		}
 	}