Tab 栏样式修改之移除 ::after

This commit is contained in:
CrescentLeaf
2025-11-23 11:15:08 +08:00
parent 8fd9f21c78
commit 744f02677d

View File

@@ -110,6 +110,12 @@ export default function ChatFragment({ target, showReturnButton, onReturnButtonC
tabRef.current != null && setTabItemSelected(tabRef.current!.value as string) tabRef.current != null && setTabItemSelected(tabRef.current!.value as string)
}) })
const containerTabRef = React.useRef<Tab>(null)
React.useEffect(() => {
$(containerTabRef.current!.shadowRoot).append(`<style>.container::after { height: 0 !important; }</style>`)
$(tabRef.current!.shadowRoot).append(`<style>.container::after { height: 0 !important; }</style>`)
}, [target])
async function getChatInfoAndInit() { async function getChatInfoAndInit() {
setMessagesList([]) setMessagesList([])
page.current = 0 page.current = 0
@@ -323,7 +329,7 @@ export default function ChatFragment({ target, showReturnButton, onReturnButtonC
flexDirection: 'column', flexDirection: 'column',
overflowY: 'auto', overflowY: 'auto',
}} {...props}> }} {...props}>
<mdui-tabs style={{ <mdui-tabs ref={containerTabRef} style={{
position: 'sticky', position: 'sticky',
display: "flex", display: "flex",
flexDirection: "column", flexDirection: "column",