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