add change status buttons

src/components/PlaceBlock.vue

@@ -1,9 +1,10 @@
 <script setup lang="ts">
-import { NDynamicInput, NInput, NInputGroup, NSpace, NSwitch, NText, NUpload, NUploadDragger, NButton } from 'naive-ui'
-import type { PropType } from 'vue'
+import { Key24Regular } from '@vicons/fluent'
 import { LockOutlined } from '@vicons/material'
 import { Icon } from '@vicons/utils'
-import { Key24Regular } from '@vicons/fluent'
+import { NButton,NDynamicInput, NInput, NInputGroup, NSpace, NSwitch, NText, NUpload, NUploadDragger } from 'naive-ui'
+import type { PropType } from 'vue'
+
 import type { Application, Door, Key, Place } from '@/api/generated/crabs/evening_detective_server'
 
 const props = defineProps({
@@ -230,6 +231,7 @@ function onCreateKey(): Key {
 .hr {
   margin: 10px 0;
   border: dashed 1px;
+
   /* border-color: black; */
   border-color: #eee;
 }
@@ -304,7 +306,7 @@ function onCreateKey(): Key {
 
 .need-keys-text {
   color: gold;
-  margin: 15px 0 0 0;
+  margin: 15px 0 0;
   padding: 0;
 }
 
@@ -335,7 +337,7 @@ function onCreateKey(): Key {
   margin-right: 15px;
   background-image: url("@/assets/images/paper_white.jpg");
   background-size: cover;
-  box-shadow: 0px 3px 15px rgb(98, 98, 98);
+  box-shadow: 0 3px 15px rgb(98 98 98);
   transform: rotate(-3deg);
 }