Merge remote-tracking branch 'misskey/master' into feature/2024.9.0
This commit is contained in:
@@ -41,6 +41,9 @@ SPDX-License-Identifier: AGPL-3.0-only
|
||||
<MkSpacer :marginMin="14" :marginMax="22">
|
||||
<slot></slot>
|
||||
</MkSpacer>
|
||||
<div v-if="$slots.footer" :class="$style.footer">
|
||||
<slot name="footer"></slot>
|
||||
</div>
|
||||
</div>
|
||||
</KeepAlive>
|
||||
</Transition>
|
||||
@@ -136,7 +139,7 @@ onMounted(() => {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
padding: 9px 12px 9px 12px;
|
||||
background: var(--buttonBg);
|
||||
background: var(--folderHeaderBg);
|
||||
-webkit-backdrop-filter: var(--blur, blur(15px));
|
||||
backdrop-filter: var(--blur, blur(15px));
|
||||
border-radius: var(--radius-sm);
|
||||
@@ -144,7 +147,7 @@ onMounted(() => {
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
background: var(--buttonHoverBg);
|
||||
background: var(--folderHeaderHoverBg);
|
||||
}
|
||||
|
||||
&:focus-within {
|
||||
@@ -153,7 +156,7 @@ onMounted(() => {
|
||||
|
||||
&.active {
|
||||
color: var(--accent);
|
||||
background: var(--buttonHoverBg);
|
||||
background: var(--folderHeaderHoverBg);
|
||||
}
|
||||
|
||||
&.opened {
|
||||
@@ -224,4 +227,18 @@ onMounted(() => {
|
||||
background: var(--bg);
|
||||
}
|
||||
}
|
||||
|
||||
.footer {
|
||||
position: sticky !important;
|
||||
z-index: 1;
|
||||
bottom: var(--stickyBottom, 0px);
|
||||
left: 0;
|
||||
padding: 12px;
|
||||
background: var(--acrylicBg);
|
||||
-webkit-backdrop-filter: var(--blur, blur(15px));
|
||||
backdrop-filter: var(--blur, blur(15px));
|
||||
background-size: auto auto;
|
||||
background-image: repeating-linear-gradient(135deg, transparent, transparent 5px, var(--panel) 5px, var(--panel) 10px);
|
||||
border-radius: 0 0 6px 6px;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user