mirror of
				https://codeberg.org/yeentown/barkey.git
				synced 2025-11-04 07:24:13 +00:00 
			
		
		
		
	wip
This commit is contained in:
		
							parent
							
								
									157f1c66dc
								
							
						
					
					
						commit
						1b75984046
					
				
					 1 changed files with 59 additions and 65 deletions
				
			
		| 
						 | 
				
			
			@ -86,8 +86,7 @@
 | 
			
		|||
			</div>
 | 
			
		||||
		</main>
 | 
			
		||||
 | 
			
		||||
		<div class="widgets">
 | 
			
		||||
			<div ref="widgets" :class="{ edit: widgetsEditMode }">
 | 
			
		||||
		<div class="widgets" :class="{ edit: widgetsEditMode }">
 | 
			
		||||
			<template v-if="isDesktop && $store.getters.isSignedIn">
 | 
			
		||||
				<template v-if="widgetsEditMode">
 | 
			
		||||
					<mk-button primary @click="addWidget" class="add"><fa :icon="faPlus"/></mk-button>
 | 
			
		||||
| 
						 | 
				
			
			@ -114,7 +113,6 @@
 | 
			
		|||
			</template>
 | 
			
		||||
		</div>
 | 
			
		||||
	</div>
 | 
			
		||||
	</div>
 | 
			
		||||
 | 
			
		||||
	<div class="buttons">
 | 
			
		||||
		<button class="button nav _button" @click="showNav = true" ref="navButton"><fa :icon="faBars"/><i v-if="navIndicated"><fa :icon="faCircle"/></i></button>
 | 
			
		||||
| 
						 | 
				
			
			@ -575,7 +573,7 @@ export default Vue.extend({
 | 
			
		|||
	$ui-font-size: 1em;
 | 
			
		||||
	$nav-icon-only-threshold: 1279px;
 | 
			
		||||
	$nav-hide-threshold: 650px;
 | 
			
		||||
	$side-hide-threshold: 1070px;
 | 
			
		||||
	$side-hide-threshold: 1090px;
 | 
			
		||||
 | 
			
		||||
	min-height: 100vh;
 | 
			
		||||
	box-sizing: border-box;
 | 
			
		||||
| 
						 | 
				
			
			@ -965,13 +963,6 @@ export default Vue.extend({
 | 
			
		|||
		}
 | 
			
		||||
 | 
			
		||||
		> .widgets {
 | 
			
		||||
			box-sizing: border-box;
 | 
			
		||||
 | 
			
		||||
			@media (max-width: $side-hide-threshold) {
 | 
			
		||||
				display: none;
 | 
			
		||||
			}
 | 
			
		||||
 | 
			
		||||
			> div {
 | 
			
		||||
			position: sticky;
 | 
			
		||||
			top: $header-height;
 | 
			
		||||
			height: calc(100vh - #{$header-height});
 | 
			
		||||
| 
						 | 
				
			
			@ -979,6 +970,10 @@ export default Vue.extend({
 | 
			
		|||
			overflow: auto;
 | 
			
		||||
			box-shadow: 1px 0 0 0 var(--divider), -1px 0 0 0 var(--divider);
 | 
			
		||||
 | 
			
		||||
			@media (max-width: $side-hide-threshold) {
 | 
			
		||||
				display: none;
 | 
			
		||||
			}
 | 
			
		||||
 | 
			
		||||
			> * {
 | 
			
		||||
				margin: var(--margin) 0;
 | 
			
		||||
				width: 300px;
 | 
			
		||||
| 
						 | 
				
			
			@ -1020,7 +1015,6 @@ export default Vue.extend({
 | 
			
		|||
			}
 | 
			
		||||
		}
 | 
			
		||||
	}
 | 
			
		||||
	}
 | 
			
		||||
 | 
			
		||||
	> .post {
 | 
			
		||||
		display: none;
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		
		Reference in a new issue