🎨

src/client/app/common/views/components/ui/card.vue

@@ -1,5 +1,5 @@
 <template>
-<div class="ui-card" :class="{ shadow: $store.state.settings.useShadow }">
+<div class="ui-card" :class="{ shadow: $store.state.device.useShadow }">
 	<header>
 		<slot name="title"></slot>
 	</header>

src/client/app/common/views/deck/deck.column.vue

@@ -1,6 +1,5 @@
 <template>
 <div class="dnpfarvgbnfmyzbdquhhzyxcmstpdqzs" :class="{ naked, narrow, active, isStacked, draghover, dragging, dropready }"
-		:data-mobile="$root.isMobile"
 		@dragover.prevent.stop="onDragover"
 		@dragleave="onDragleave"
 		@drop.prevent.stop="onDrop"
@@ -327,13 +326,6 @@ export default Vue.extend({
 	box-shadow var(--shadow)
 	overflow hidden
 
-	&[data-mobile]
-		border-radius 0
-		box-shadow none
-
-		> header
-			box-shadow none
-
 	&.draghover
 		box-shadow 0 0 0 2px var(--primaryAlpha08)
 

src/client/app/common/views/deck/deck.vue

@@ -1,6 +1,6 @@
 <template>
 <mk-ui :class="$style.root">
-	<div class="qlvquzbjribqcaozciifydkngcwtyzje" :data-mobile="$root.isMobile" ref="body" :style="style" :class="`${$store.state.device.deckColumnAlign} ${$store.state.device.deckColumnWidth}`" v-hotkey.global="keymap">
+	<div class="qlvquzbjribqcaozciifydkngcwtyzje" ref="body" :style="style" :class="`${$store.state.device.deckColumnAlign} ${$store.state.device.deckColumnWidth}`" v-hotkey.global="keymap">
 		<template v-for="ids in layout">
 			<div v-if="ids.length > 1" class="folder">
 				<template v-for="id, i in ids">
@@ -332,15 +332,8 @@ export default Vue.extend({
 	overflow-y hidden
 	-webkit-overflow-scrolling touch
 
-	&[data-mobile]
-		padding 0
-
-		> div
-			margin-right 0
-
-			&.folder
-				> *:not(:last-child)
-					margin-bottom 0
+	@media (max-width 500px)
+		padding 8px 0 8px 8px
 
 	> div
 		margin-right 8px