From 15b65e45cf955d1e670a6f5fbaf1ce6f31054505 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=8D=A3=E9=A1=B6?= <wangrongding@qq.com>
Date: Sun, 21 Apr 2024 04:30:12 +0800
Subject: [PATCH] =?UTF-8?q?wip:=20=E5=AE=8C=E5=96=84=E5=8F=B3=E8=BE=B9?=
 =?UTF-8?q?=E6=A0=8F=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/right-panel/RightPanel.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/right-panel/RightPanel.vue b/src/components/right-panel/RightPanel.vue
index 0d9f013..5e9d6a6 100644
--- a/src/components/right-panel/RightPanel.vue
+++ b/src/components/right-panel/RightPanel.vue
@@ -35,7 +35,7 @@ function onLayer(align: 'up' | 'down' | 'top' | 'bottom') {
   <div class="right-panel flex w-[400px] justify-between bg-[#272836] text-white">
     <div class="w-full p-4">
       <p class="panel-title">元素层级:</p>
-      <div class="my-2 grid grid-cols-2 gap-4">
+      <div class="grid grid-cols-2 gap-4 rounded-md bg-[#1c1c26] p-2">
         <div class="layer-btn" @click="onLayer('up')">
           <IconLayerUp fill="white" />
           <span>上移一层</span>
@@ -54,7 +54,7 @@ function onLayer(align: 'up' | 'down' | 'top' | 'bottom') {
         </div>
       </div>
       <p class="panel-title">对齐方式:</p>
-      <div class="flex h-[40px] items-center justify-between gap-4">
+      <div class="flex h-[40px] items-center justify-between gap-4 rounded-md bg-[#1c1c26] p-2">
         <div class="position-btn" @click="onAlign('left')">
           <IconAlignLeft fill="white" />
         </div>
@@ -75,7 +75,7 @@ function onLayer(align: 'up' | 'down' | 'top' | 'bottom') {
         </div>
       </div>
       <p class="panel-title">元素列表:</p>
-      <div class="my-4 flex max-h-[400px] flex-col gap-4 overflow-y-auto">
+      <div class="flex max-h-[400px] flex-col gap-4 overflow-y-auto rounded-md bg-[#1c1c26] p-2">
         <div
           class="flex items-center justify-between rounded-md border border-[#3b3b4f] p-2"
           v-for="(item, index) in elementList"
@@ -93,7 +93,7 @@ function onLayer(align: 'up' | 'down' | 'top' | 'bottom') {
 </template>
 <style lang="scss" scoped>
 .panel-title {
-  @apply font-bold leading-6;
+  @apply my-2 font-black leading-6;
 }
 .position-btn {
   @apply flex h-[30px] w-[30px] items-center justify-center rounded-md hover:bg-slate-400;