From d3c7c0ebe3d46b831e3df4e10032230e1c1a7bac Mon Sep 17 00:00:00 2001
From: syuilo <Syuilotan@yahoo.co.jp>
Date: Fri, 10 Dec 2021 10:46:29 +0900
Subject: [PATCH] client: tweak style

---
 .../client/src/components/drive-file-thumbnail.vue  | 13 +++++++------
 packages/client/src/components/drive.file.vue       |  2 +-
 packages/client/src/components/drive.vue            |  5 +++--
 packages/client/src/pages/drive.vue                 |  2 ++
 packages/client/src/style.scss                      |  2 +-
 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 b374ac1cf..e94b6b8bc 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 62fd56d48..511647229 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 1e59de705..46bcd4255 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 5d7d3b2f5..f30000367 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 eeb8d1e82..cd866f3da 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: 廃止