client: tweak style

5 files changed, 14 insertions, 10 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;
 		}
 	}
 
diff --git a/packages/client/src/pages/drive.vue b/packages/client/src/pages/drive.vue
index 5d7d3b2f5a..f30000367f 100644
--- a/packages/client/src/pages/drive.vue
+++ b/packages/client/src/pages/drive.vue
@@ -20,6 +20,8 @@ export default defineComponent({
 			[symbols.PAGE_INFO]: {
 				title: computed(() => this.folder ? this.folder.name : this.$ts.drive),
 				icon: 'fas fa-cloud',
+				bg: 'var(--bg)',
+				hideHeader: true,
 			},
 			folder: null,
 		};
diff --git a/packages/client/src/style.scss b/packages/client/src/style.scss
index eeb8d1e82d..cd866f3da9 100644
--- a/packages/client/src/style.scss
+++ b/packages/client/src/style.scss
@@ -346,7 +346,7 @@ hr {
 ._popup {
 	background: var(--popup);
 	border-radius: var(--radius);
-	contain: layout; // ふき出しがボックスから飛び出て表示されるようなデザインをする場合もあるので paint は contain することができない
+	contain: contain;
 }
 
 // TODO: 廃止