|
@@ -112,7 +112,7 @@
|
|
|
@click="isShowShareMenu = !isShowShareMenu"
|
|
|
>
|
|
|
<img
|
|
|
- :src="require(`@/assets/images/btn-share-${isDarkTheme ? 'dark' : 'light'}.png`)"
|
|
|
+ :src="require(`@/assets/images/btn-share-${isDarkTheme ? 'dark' : 'light'}${isShowShareMenu ? '-active' : ''}.png`)"
|
|
|
alt=""
|
|
|
draggable="false"
|
|
|
>
|
|
@@ -122,6 +122,7 @@
|
|
|
:style="{
|
|
|
height: isShowShareMenu ? '154px' : '100%',
|
|
|
opacity: isShowShareMenu ? '1' : '0',
|
|
|
+ backgroundColor: isDarkTheme ? '#555' : '#ccc',
|
|
|
}"
|
|
|
/>
|
|
|
</button>
|
|
@@ -374,8 +375,8 @@ export default {
|
|
|
flex-direction: column;
|
|
|
align-items: center;
|
|
|
justify-content: space-evenly;
|
|
|
- padding-bottom: 34px;
|
|
|
- background-color: #444;
|
|
|
+ padding-top: 5px;
|
|
|
+ padding-bottom: 35px;
|
|
|
> button {
|
|
|
width: 27px;
|
|
|
height: 27px;
|