Populate tool shelf and tool options bar (#66)

2026-09-27 02:58:11 +08:00 · 2021-04-08 06:10:27 -07:00
parent e34672556d
commit 8b6053b1c4
49 changed files with 668 additions and 70 deletions
@@ -0,0 +1,35 @@
+<template>
+	<div class="shelf-item" :class="{ active: active }">
+		<slot></slot>
+	</div>
+</template>
+
+<style lang="scss">
+.shelf-item {
+	padding: 4px;
+	border-radius: 4px;
+
+	&:hover {
+		background: #555;
+	}
+
+	&.active {
+		background: #428bbb;
+	}
+
+	svg {
+		width: 24px;
+		height: 24px;
+	}
+}
+</style>
+
+<script lang="ts">
+import { defineComponent } from "vue";
+
+export default defineComponent({
+	props: {
+		active: { type: Boolean, default: false },
+	},
+});
+</script>