client: tweak style

This commit is contained in:
syuilo 2021-12-10 10:46:29 +09:00
parent 20134a5367
commit d3c7c0ebe3
5 changed files with 14 additions and 10 deletions

View file

@ -85,6 +85,10 @@ export default defineComponent({
<style lang="scss" scoped> <style lang="scss" scoped>
.zdjebgpv { .zdjebgpv {
position: relative; position: relative;
display: flex;
background: #e1e1e1;
border-radius: 8px;
overflow: clip;
> .icon-sub { > .icon-sub {
position: absolute; position: absolute;
@ -95,14 +99,11 @@ export default defineComponent({
bottom: 4%; bottom: 4%;
} }
> * {
margin: auto;
}
> .icon { > .icon {
pointer-events: none; pointer-events: none;
height: 65%; margin: auto;
width: 65%; font-size: 32px;
color: #777;
} }
} }
</style> </style>

View file

@ -210,7 +210,7 @@ export default defineComponent({
position: relative; position: relative;
padding: 8px 0 0 0; padding: 8px 0 0 0;
min-height: 180px; min-height: 180px;
border-radius: 4px; border-radius: 8px;
&, * { &, * {
cursor: pointer; cursor: pointer;

View file

@ -657,14 +657,14 @@ export default defineComponent({
> .path { > .path {
display: inline-block; display: inline-block;
vertical-align: bottom; vertical-align: bottom;
line-height: 38px; line-height: 50px;
white-space: nowrap; white-space: nowrap;
> * { > * {
display: inline-block; display: inline-block;
margin: 0; margin: 0;
padding: 0 8px; padding: 0 8px;
line-height: 38px; line-height: 50px;
cursor: pointer; cursor: pointer;
* { * {
@ -699,6 +699,7 @@ export default defineComponent({
> .menu { > .menu {
margin-left: auto; margin-left: auto;
padding: 0 12px;
} }
} }

View file

@ -20,6 +20,8 @@ export default defineComponent({
[symbols.PAGE_INFO]: { [symbols.PAGE_INFO]: {
title: computed(() => this.folder ? this.folder.name : this.$ts.drive), title: computed(() => this.folder ? this.folder.name : this.$ts.drive),
icon: 'fas fa-cloud', icon: 'fas fa-cloud',
bg: 'var(--bg)',
hideHeader: true,
}, },
folder: null, folder: null,
}; };

View file

@ -346,7 +346,7 @@ hr {
._popup { ._popup {
background: var(--popup); background: var(--popup);
border-radius: var(--radius); border-radius: var(--radius);
contain: layout; // ふき出しがボックスから飛び出て表示されるようなデザインをする場合もあるので paint contain することができない contain: contain;
} }
// TODO: 廃止 // TODO: 廃止