Skip to content

Commit ed28f5c

Browse files
committed
优化制作团队布局,新增聊天框架风格窗口
Chat Plugins Thanks: https://github.com/xueelf/docsify-chat
1 parent 75b2771 commit ed28f5c

File tree

3 files changed

+187
-87
lines changed

3 files changed

+187
-87
lines changed

rustedwarfareapicode/.vitepress/theme/index.js

Lines changed: 6 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

rustedwarfareapicode/.vitepress/theme/style/custom.css

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -178,3 +178,40 @@
178178
* {
179179
-webkit-tap-highlight-color:rgba(0,0,0,0);
180180
}
181+
182+
183+
/* 新增align-right类 */
184+
.chat-message.align-right {
185+
justify-content: flex-end;
186+
margin-left: auto;
187+
}
188+
189+
.hr-mid-border-content::after{
190+
content: attr(data-content);
191+
position: absolute;
192+
padding: 4px 1ch;
193+
top: 50%; left: 50%;
194+
transform: translate(-50%, -50%);
195+
color: transparent;
196+
border: 1px solid #ff0000;
197+
}
198+
.hr-solid-content{
199+
color: #000000;
200+
border: 0;
201+
font-size: 16px;
202+
padding: 1em 0;
203+
position: relative;
204+
}
205+
.hr-solid-content::before {
206+
content: attr(data-content);
207+
position: absolute;
208+
padding: 0 1ch;
209+
line-height: 1px;
210+
border: solid #000000;
211+
border-width: 0 19vw;
212+
width: fit-content;
213+
/* for IE浏览器 */
214+
white-space: nowrap;
215+
left: 50%;
216+
transform: translateX(-50%);
217+
}

0 commit comments

Comments
 (0)