mirror of
				https://codeberg.org/yeentown/barkey.git
				synced 2025-11-04 15:34:13 +00:00 
			
		
		
		
	wip
This commit is contained in:
		
							parent
							
								
									83e1068da3
								
							
						
					
					
						commit
						9e4456ac1b
					
				
					 4 changed files with 8 additions and 23 deletions
				
			
		| 
						 | 
					@ -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…
	
	Add table
		
		Reference in a new issue