context menu skelet

2026-04-19 08:32:14 +00:00 · 2021-05-08 07:54:06 +02:00
parent 8b3c6cfc27
commit ac75cb5d0f
5 changed files with 920 additions and 96 deletions
--- a/resources/js/components/Desktop/PopoverItem.vue
+++ b/resources/js/components/Desktop/PopoverItem.vue
@@ -1,5 +1,5 @@
 <template>
-	<div v-if="isVisible" class="popover-item">
+	<div v-if="isVisible" class="popover-item" :class="side">
 		<slot></slot>
 	</div>
 </template>
@@ -10,7 +10,8 @@
 	export default {
 		name: 'PopoverItem',
 		props: [
-			'name'
+			'side',
+			'name',
 		],
 		data() {
 			return {
@@ -39,8 +40,15 @@
 		background: white;
 		border-radius: 8px;
 		overflow: hidden;
-		right: 0;
 		top: 50px;
+
+		&.left {
+			right: 0;
+		}
+
+		&.right {
+			left: 0;
+		}
 	}

 	@media (prefers-color-scheme: dark) {