feat: Change task bar placeholder

- Add content
- Reflect style from task bar

source/screens/demo/examples/ui/windows.liquid

@@ -39,7 +39,14 @@ tags:
 	</div>
 </div>
 <div id="screen-space"></div>
-<div id="placeholder"></div>
+<div id="placeholder">
+	<div class="box"></div>
+	<div class="box_brd"></div>
+	<div>
+		<div>task bar</div>
+		<div class="box_brd"></div>
+	</div>
+</div>
 {% endblock %}
 
 {%- block script %}

source/style/modules/ui/_windows_module.scss

@@ -114,11 +114,35 @@ $padding_half: calc(#{hippie.$space_half} - 3px) hippie.$space_half;
 }
 
 #placeholder {
+	@extend %flex-bar;
 	display: none;
-	z-index: map.get(hippie.$z-indexes, "content-top");
+	z-index: map.get(hippie.$z-indexes, "toast");
 	position: fixed;
-	width: 100px;
-	height: 100px;
-	border: 2px dashed deeppink;
-	background-color: hotpink;
+	border: 2px dashed black;
+	background-color: rgba(0, 0, 0, .4);
+	padding: 16px;
+
+	* {
+		pointer-events: none;
+	}
+
+	& > div {
+		@extend %flex-bar;
+		flex-direction: inherit;
+	}
+
+	.box,
+	.box_brd {
+		width: 16px;
+		height: 16px;
+	}
+
+	.box {
+		background-color: black;
+	}
+
+	.box_brd {
+		border: 2px solid black;
+		background-color: transparent;
+	}
 }