From 672b2d86c7e1585870580beebb340014446f7ed1 Mon Sep 17 00:00:00 2001
From: Ryan Wang <i@ryanc.cc>
Date: Tue, 8 Oct 2024 22:50:56 +0800
Subject: [PATCH] fix: style issue of the fullscreen button in Code input
 (#6785)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

#### What type of PR is this?

/area ui
/kind bug
/milestone 2.20.x

#### What this PR does / why we need it:

为 Code Input 设置默认高度，修复全屏按钮被遮挡的问题。

#### Which issue(s) this PR fixes:

Fixes https://github.com/halo-dev/halo/issues/6681

#### Does this PR introduce a user-facing change?

```release-note
为 Code Input 设置默认高度，修复全屏按钮被遮挡的问题。
```
---
 ui/src/formkit/inputs/code/CodeInput.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ui/src/formkit/inputs/code/CodeInput.vue b/ui/src/formkit/inputs/code/CodeInput.vue
index 5a8d27013..592c4c19c 100644
--- a/ui/src/formkit/inputs/code/CodeInput.vue
+++ b/ui/src/formkit/inputs/code/CodeInput.vue
@@ -39,7 +39,7 @@ useEventListener(codeInputWrapperRef, "keydown", (e: KeyboardEvent) => {
       ref="codeInputWrapperRef"
       :style="{ height }"
       :class="{ '!fixed inset-0 z-[999] !block bg-white': fullscreen }"
-      class="group relative w-full"
+      class="group relative h-9 w-full"
     >
       <VPageHeader v-if="fullscreen" :title="context.label" class="border-b">
         <template #actions>