This repository has been archived on 2023-08-30. You can view files and clone it, but cannot push or open issues/pull-requests.
bytedo
/
wcui
Archived
1
0
Fork 0

优化代码块组件的样式

old
宇天 2020-02-02 00:21:59 +08:00
parent 646946399a
commit 05158dd01b
1 changed files with 8 additions and 7 deletions

View File

@ -3,8 +3,8 @@
<header class="title">
<span><i></i><i></i><i></i></span>
<span>
<wc-icon title="运行" size="mini" class="act run" is="live"></wc-icon>
<wc-icon title="复制" size="mini" class="act cp" is="doc"></wc-icon>
<wc-icon title="运行" class="act run" is="live"></wc-icon>
<wc-icon title="复制" class="act cp" is="doc"></wc-icon>
</span>
</header>
<wc-scroll axis="y" class="code"></wc-scroll>
@ -20,9 +20,9 @@
display: flex;
flex-direction: column;
position: relative;
width: 400px;
width: 100%;
min-height: 88px;
max-height: 210px;
max-height: 610px;
border: 1px solid nth($cp, 2);
border-radius: 2px;
@ -54,6 +54,8 @@
}
.act {
--size: 16px;
margin: 0 2px;
color: nth($cgr, 2);
cursor: pointer;
@ -82,9 +84,8 @@
position: relative;
min-height: 18px;
padding: 0 8px 0 45px;
white-space: nowrap;
// white-space: pre-wrap;
// word-wrap: break-word;
white-space: pre-wrap;
word-wrap: break-word;
&::before {
position: absolute;