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({ 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: 廃止