let5see/ai-write
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 修复左侧面板内容溢出不可见问题

Browse Source 
- aside 添加 h-screen 确保高度约束
- 内容区添加 min-h-0 确保 flex 子元素正确滚动
This commit is contained in:
empty
2026-01-08 15:35:07 +08:00
parent d2c42e68c8
commit 0662e93dbb
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/WriterPanel.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<aside class="w-[400px] flex flex-col border-r border-slate-700 bg-slate-800 shrink-0"> <aside class="w-[400px] h-screen flex flex-col border-r border-slate-700 bg-slate-800 shrink-0">
<!-- 头部 --> <!-- 头部 -->
<header class="p-4 border-b border-slate-700 flex items-center justify-between"> <header class="p-4 border-b border-slate-700 flex items-center justify-between">
<div class="flex items-center gap-4"> <div class="flex items-center gap-4">
@@ -17,7 +17,7 @@
</header> </header>
<!-- 内容区 --> <!-- 内容区 -->
<div class="flex-1 overflow-y-auto p-4 space-y-6"> <div class="flex-1 overflow-y-auto p-4 space-y-6 min-h-0">
<!-- 写作任务 --> <!-- 写作任务 -->
<section> <section>
<div class="flex justify-between items-center mb-2"> <div class="flex justify-between items-center mb-2">