From d3c7c0ebe3d46b831e3df4e10032230e1c1a7bac Mon Sep 17 00:00:00 2001 From: syuilo 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({ 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: 廃止