graphite/Sharkey
1
0
Fork 0
mirror of https://git.joinsharkey.org/Sharkey/Sharkey.git synced 2024-11-23 09:03:09 +02:00
Code Issues Projects Releases Packages Wiki Activity

client: tweak style

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

13
packages/client/src/components/drive-file-thumbnail.vue
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>

2
packages/client/src/components/drive.file.vue
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;

5
packages/client/src/components/drive.vue
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;
} }
} }

2
packages/client/src/pages/drive.vue
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,
}; };

2
packages/client/src/style.scss
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: 廃止