wip
This commit is contained in:
parent
83e1068da3
commit
9e4456ac1b
|
@ -571,9 +571,9 @@ export default Vue.extend({
|
||||||
$header-height: 60px;
|
$header-height: 60px;
|
||||||
$nav-width: 250px;
|
$nav-width: 250px;
|
||||||
$nav-icon-only-width: 80px;
|
$nav-icon-only-width: 80px;
|
||||||
$main-width: 650px;
|
$main-width: 670px;
|
||||||
$ui-font-size: 1em;
|
$ui-font-size: 1em;
|
||||||
$nav-icon-only-threshold: 1300px;
|
$nav-icon-only-threshold: 1279px;
|
||||||
$nav-hide-threshold: 650px;
|
$nav-hide-threshold: 650px;
|
||||||
$side-hide-threshold: 1070px;
|
$side-hide-threshold: 1070px;
|
||||||
|
|
||||||
|
@ -920,9 +920,10 @@ export default Vue.extend({
|
||||||
> * {
|
> * {
|
||||||
min-height: calc(100vh - #{$header-height});
|
min-height: calc(100vh - #{$header-height});
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
padding: var(--margin);
|
||||||
|
|
||||||
&:not(.full) {
|
&.full {
|
||||||
padding: var(--margin) 0;
|
padding: 0 var(--margin);
|
||||||
}
|
}
|
||||||
|
|
||||||
&.naked {
|
&.naked {
|
||||||
|
@ -965,7 +966,6 @@ export default Vue.extend({
|
||||||
|
|
||||||
> .widgets {
|
> .widgets {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
margin: 0 var(--margin);
|
|
||||||
|
|
||||||
@media (max-width: $side-hide-threshold) {
|
@media (max-width: $side-hide-threshold) {
|
||||||
display: none;
|
display: none;
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="mk-notes" v-size="[{ max: 500 }]">
|
<div class="mk-notes">
|
||||||
<div class="_fullinfo" v-if="empty">
|
<div class="_fullinfo" v-if="empty">
|
||||||
<img src="https://xn--931a.moe/assets/info.jpg" class="_ghost"/>
|
<img src="https://xn--931a.moe/assets/info.jpg" class="_ghost"/>
|
||||||
<div>{{ $t('noNotes') }}</div>
|
<div>{{ $t('noNotes') }}</div>
|
||||||
|
@ -89,16 +89,7 @@ export default Vue.extend({
|
||||||
.mk-notes {
|
.mk-notes {
|
||||||
> .notes {
|
> .notes {
|
||||||
> ::v-deep *:not(:last-child) {
|
> ::v-deep *:not(:last-child) {
|
||||||
margin-bottom: var(--marginFull);
|
margin-bottom: var(--margin);
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.max-width_500px {
|
|
||||||
> .notes {
|
|
||||||
> ::v-deep *:not(:last-child) {
|
|
||||||
//margin-bottom: var(--marginHalf);
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -102,13 +102,6 @@ const html = document.documentElement;
|
||||||
html.setAttribute('lang', lang);
|
html.setAttribute('lang', lang);
|
||||||
//#endregion
|
//#endregion
|
||||||
|
|
||||||
// iOSでプライベートモードだとlocalStorageが使えないので既存のメソッドを上書きする
|
|
||||||
try {
|
|
||||||
localStorage.setItem('foo', 'bar');
|
|
||||||
} catch (e) {
|
|
||||||
Storage.prototype.setItem = () => { }; // noop
|
|
||||||
}
|
|
||||||
|
|
||||||
// http://qiita.com/junya/items/3ff380878f26ca447f85
|
// http://qiita.com/junya/items/3ff380878f26ca447f85
|
||||||
document.body.setAttribute('ontouchstart', '');
|
document.body.setAttribute('ontouchstart', '');
|
||||||
|
|
||||||
|
|
|
@ -282,6 +282,7 @@ hr {
|
||||||
|
|
||||||
._panel {
|
._panel {
|
||||||
box-shadow: 0 1px 0 0 var(--divider), 0 -1px 0 0 var(--divider);
|
box-shadow: 0 1px 0 0 var(--divider), 0 -1px 0 0 var(--divider);
|
||||||
|
border-radius: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue