fix(frontend): ドライブのtipのスタイル修正 (#16742)
This commit is contained in:
parent
78ed024b0b
commit
6bce19655b
|
|
@ -60,7 +60,9 @@ SPDX-License-Identifier: AGPL-3.0-only
|
||||||
@drop.prevent.stop="onDrop"
|
@drop.prevent.stop="onDrop"
|
||||||
@contextmenu.stop="onContextmenu"
|
@contextmenu.stop="onContextmenu"
|
||||||
>
|
>
|
||||||
|
<div :class="$style.tipContainer">
|
||||||
<MkTip k="drive"><div v-html="i18n.ts.driveAboutTip"></div></MkTip>
|
<MkTip k="drive"><div v-html="i18n.ts.driveAboutTip"></div></MkTip>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div :class="$style.folders">
|
<div :class="$style.folders">
|
||||||
<XFolder
|
<XFolder
|
||||||
|
|
@ -802,6 +804,10 @@ onBeforeUnmount(() => {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.tipContainer:not(:empty) {
|
||||||
|
padding: 16px 32px;
|
||||||
|
}
|
||||||
|
|
||||||
.folders,
|
.folders,
|
||||||
.files {
|
.files {
|
||||||
display: grid;
|
display: grid;
|
||||||
|
|
@ -811,6 +817,10 @@ onBeforeUnmount(() => {
|
||||||
}
|
}
|
||||||
|
|
||||||
@container (max-width: 600px) {
|
@container (max-width: 600px) {
|
||||||
|
.tipContainer:not(:empty) {
|
||||||
|
padding: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
.folders,
|
.folders,
|
||||||
.files {
|
.files {
|
||||||
padding: 16px;
|
padding: 16px;
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue