sim1222/misskey
1
0
Fork 0
mirror of https://github.com/sim1222/misskey.git synced 2025-08-06 16:53:58 +09:00
Code Issues Projects Releases Wiki Activity

Deck (#6504)

Browse Source 
* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip

* wip
This commit is contained in:
syuilo
2020-07-11 10:13:11 +09:00
committed by GitHub
parent 5b28d7bf90
commit cf3fc97202
56 changed files with 2695 additions and 907 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
src/client/components/ui/container.vue
View File

@ -1,5 +1,5 @@
<template>
<div class="ukygtjoj _panel" :class="{ naked, hideHeader: !showHeader }">
<div class="ukygtjoj _panel" :class="{ naked, hideHeader: !showHeader, scrollable }" v-size="[{ max: 500 }]">
<header v-if="showHeader">
<div class="title"><slot name="header"></slot></div>
<slot name="func"></slot>
@ -47,6 +47,11 @@ export default Vue.extend({
required: false,
default: true
},
scrollable: {
type: Boolean,
required: false,
default: false
},
},
data() {
return {
@ -107,10 +112,19 @@ export default Vue.extend({
box-shadow: none !important;
}
&.scrollable {
display: flex;
flex-direction: column;
> div {
overflow: auto;
}
}
> header {
position: relative;
box-shadow: 0 1px 0 0 var(--panelHeaderDivider);
z-index: 1;
z-index: 2;
background: var(--panelHeaderBg);
color: var(--panelHeaderFg);
@ -118,10 +132,6 @@ export default Vue.extend({
margin: 0;
padding: 12px 16px;
@media (max-width: 500px) {
padding: 8px 10px;
}
> [data-icon] {
margin-right: 6px;
}
@ -141,5 +151,21 @@ export default Vue.extend({
height: 100%;
}
}
&.max-width_500px {
> header {
> .title {
padding: 8px 10px;
}
}
}
}
._forceContainerFull_ .ukygtjoj {
> header {
> .title {
padding: 12px 16px !important;
}
}
}
</style>