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

Tweak UI

Browse source
This commit is contained in:
syuilo 2021-04-14 02:12:46 +09:00
parent b9c4a582ac
commit 3db37e1d52
3 changed files with 7 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/client/components/note.vue
View file

@ -863,7 +863,6 @@ export default defineComponent({
.tkcbzcuz {
position: relative;
transition: box-shadow 0.1s ease;
overflow: hidden;
overflow: clip;
contain: content;
@ -1001,11 +1000,6 @@ export default defineComponent({
position: sticky;
top: calc(22px + var(--stickyTop, 0px));
left: 0;
/* iOSはoverflow: clipをサポートしていない影響でposition: stickyが動作しない */
@supports (-webkit-touch-callout: none) {
top: 0;
}
}
> .main {
@ -1150,11 +1144,6 @@ export default defineComponent({
width: 50px;
height: 50px;
top: calc(14px + var(--stickyTop, 0px));
/* iOSはoverflow: clipをサポートしていない影響でposition: stickyが動作しない */
@supports (-webkit-touch-callout: none) {
top: 0;
}
}
}
}

4
src/client/pages/page.vue
View file

@ -1,5 +1,7 @@
<template>
<div class="xcukqgmh _root" v-if="page" :key="page.id" v-size="{ max: [450] }">
<div class="_magnet"></div>
<div class="_block main">
<!--
<div class="header">
@ -191,7 +193,7 @@ export default defineComponent({
}
> .footer {
padding: var(--padding);
margin: var(--padding);
font-size: 85%;
opacity: 0.75;
}

8
src/client/style.scss
View file

@ -249,10 +249,6 @@ hr {
margin: var(--margin) 0;
}
._magnet {
margin-bottom: calc(var(--margin) * -1);
}
._gap {
margin: var(--margin) 0;
}
@ -370,6 +366,10 @@ hr {
border-radius: var(--radius);
}
._magnet {
margin-bottom: calc(var(--margin) * -1);
}
@media (max-width: 500px) {
._root {
--root-margin: 0;