💄 Site > Alert > Add style
This commit is contained in:
@@ -1,4 +1,27 @@
|
|||||||
.alert
|
.alert
|
||||||
|
display block
|
||||||
position fixed
|
position fixed
|
||||||
bottom 0
|
bottom 0
|
||||||
right 30px
|
right 60px
|
||||||
|
width 62px
|
||||||
|
height 40px
|
||||||
|
background #24263A
|
||||||
|
|
||||||
|
.icon
|
||||||
|
position absolute
|
||||||
|
top 10px
|
||||||
|
left 18px
|
||||||
|
|
||||||
|
&.default
|
||||||
|
display inline-block
|
||||||
|
|
||||||
|
&.hover
|
||||||
|
display none
|
||||||
|
|
||||||
|
&:hover
|
||||||
|
.icon
|
||||||
|
&.default
|
||||||
|
display none
|
||||||
|
|
||||||
|
&.hover
|
||||||
|
display inline-block
|
||||||
@@ -1,3 +1,4 @@
|
|||||||
<a href="#" class="alert" @click.prevent="onAlertClick">
|
<a href="#" class="alert" @click.prevent="onAlertClick">
|
||||||
/!\
|
<img class="icon default" src="../../../static/svg/alert.svg" alt="">
|
||||||
|
<img class="icon hover" src="../../../static/svg/alert-hover.svg" alt="">
|
||||||
</a>
|
</a>
|
||||||
Reference in New Issue
Block a user