调节最大化按钮样式
This commit is contained in:
@@ -63,14 +63,10 @@
|
|||||||
</button>
|
</button>
|
||||||
<button class="p-[2px] rounded hover:opacity-100 opacity-80" @click="maximizePanel(panel.id)" aria-label="最大化">
|
<button class="p-[2px] rounded hover:opacity-100 opacity-80" @click="maximizePanel(panel.id)" aria-label="最大化">
|
||||||
<svg class="icon-square-svg" width="11" height="11" viewBox="0 0 11 11" aria-hidden="true">
|
<svg class="icon-square-svg" width="11" height="11" viewBox="0 0 11 11" aria-hidden="true">
|
||||||
<!-- 外框与底色(边框为1) -->
|
<!-- 外框与底色(仅1px边框) -->
|
||||||
<rect x="0.5" y="0.5" width="10" height="10" fill="#cbd6ff" stroke="#8ea3d8" stroke-width="1" />
|
<rect x="0.5" y="0.5" width="10" height="10" fill="#cbd6ff" stroke="#8ea3d8" stroke-width="1" />
|
||||||
<!-- 内框细边(边框为1) -->
|
<!-- 两行填充:上行1px浅蓝,下行标题栏色 -->
|
||||||
<rect x="2.5" y="2.5" width="6" height="6" fill="none" stroke="#b8c6ff" stroke-width="1" />
|
<rect x="1" y="3" width="8.5" height="6.5" fill="#435d9c" />
|
||||||
<!-- 上行(1/5,高度约1px,颜色保持浅蓝) -->
|
|
||||||
<rect x="3" y="3" width="5" height="1" fill="#b8c6ff" />
|
|
||||||
<!-- 下行(4/5,高度约5px,颜色为标题栏色) -->
|
|
||||||
<rect x="3" y="4" width="5" height="5" fill="#435d9c" />
|
|
||||||
</svg>
|
</svg>
|
||||||
</button>
|
</button>
|
||||||
<button class="p-[2px] rounded hover:opacity-100 opacity-80" @click="closePanel(panel.id)" aria-label="关闭">
|
<button class="p-[2px] rounded hover:opacity-100 opacity-80" @click="closePanel(panel.id)" aria-label="关闭">
|
||||||
|
|||||||
Reference in New Issue
Block a user