style: refine border and footer layout

This commit is contained in:
dribble-njr 2025-01-09 22:15:50 +08:00
parent 8041617ea1
commit a2b19187a9
2 changed files with 3 additions and 3 deletions

View File

@ -102,7 +102,7 @@ function copy() {
</script> </script>
<template> <template>
<header class="header-container h-15 flex items-center justify-between border-b px-5"> <header class="header-container h-15 flex items-center justify-between px-5">
<div class="space-x-2 flex"> <div class="space-x-2 flex">
<Menubar class="menubar"> <Menubar class="menubar">
<FileDropdown /> <FileDropdown />

View File

@ -369,7 +369,7 @@ onMounted(() => {
@end-copy="endCopy" @end-copy="endCopy"
/> />
<main class="container-main flex flex-1 flex-col"> <main class="container-main flex flex-1 flex-col">
<div class="container-main-section relative flex flex-1 overflow-hidden border-1 border-t-0"> <div class="container-main-section border-radius-10 relative flex flex-1 overflow-hidden border-1">
<PostSlider /> <PostSlider />
<div <div
ref="codeMirrorWrapper" ref="codeMirrorWrapper"
@ -434,7 +434,7 @@ onMounted(() => {
<CssEditor class="order-2 flex-1" /> <CssEditor class="order-2 flex-1" />
<RightSlider class="order-2" /> <RightSlider class="order-2" />
</div> </div>
<footer class="h-[30px] flex items-center justify-end pr-5 text-[12px]"> <footer class="h-[30px] flex items-center justify-end text-[12px]">
字数 {{ readingTime?.words }} 阅读大约需 {{ Math.ceil(readingTime?.minutes ?? 0) }} 分钟 字数 {{ readingTime?.words }} 阅读大约需 {{ Math.ceil(readingTime?.minutes ?? 0) }} 分钟
</footer> </footer>