change style

This commit is contained in:
Vick Scarlet
2021-08-20 12:25:31 +08:00
parent 051f30403c
commit 2208c859e3
2 changed files with 4 additions and 3 deletions

View File

@@ -15,17 +15,17 @@
<div class="banners"> <div class="banners">
<div class="banner error"> <div class="banner error">
<div class="banner-icon"><span class="iconfont">&#xe6a1;</span></div> <div class="banner-icon"><span class="iconfont">&#xe6a1;</span></div>
<div class="banner-message">Oops! Something went wrong!</div> <pre class="banner-message">Oops! Something went wrong!</pre>
<div class="banner-close" onclick="hideBanners()"><span class="iconfont">&#xe6a8;</span></div> <div class="banner-close" onclick="hideBanners()"><span class="iconfont">&#xe6a8;</span></div>
</div> </div>
<div class="banner success"> <div class="banner success">
<div class="banner-icon"><span class="iconfont">&#xe6a2;</span></div> <div class="banner-icon"><span class="iconfont">&#xe6a2;</span></div>
<div class="banner-message">Everything was fine!</div> <pre class="banner-message">Everything was fine!</pre>
<div class="banner-close" onclick="hideBanners()"><span class="iconfont">&#xe6a8;</span></div> <div class="banner-close" onclick="hideBanners()"><span class="iconfont">&#xe6a8;</span></div>
</div> </div>
<div class="banner info"> <div class="banner info">
<div class="banner-icon"><span class="iconfont">&#xe6a3;</span></div> <div class="banner-icon"><span class="iconfont">&#xe6a3;</span></div>
<div class="banner-message">Here is some useful information</div> <pre class="banner-message">Here is some useful information</pre>
<div class="banner-close" onclick="hideBanners()"><span class="iconfont">&#xe6a8;</span></div> <div class="banner-close" onclick="hideBanners()"><span class="iconfont">&#xe6a8;</span></div>
</div> </div>
</div> </div>

View File

@@ -285,6 +285,7 @@ i {
flex: 1; flex: 1;
padding: 0 2rem; padding: 0 2rem;
word-break: break-word; word-break: break-word;
overflow: auto;
} }
.banner .banner-close { .banner .banner-close {
display: flex; display: flex;