@@ -265,6 +265,7 @@ onMounted(() => {
justify-content: space-between;
.name {
height: 24px;
+ font-size: 12px;
color: #939393;
}
.l {
@@ -589,6 +590,7 @@ onMounted(() => {
right: 44px;
bottom: 88px;
cursor: pointer;
text-align: center;
a:link, a:visited {
color: #A8A8A8;
@@ -66,6 +66,15 @@
</div>
<div class="bg" v-if="deleteDialog"></div>
+
+ <div class="feedBack">
+ <a href="mailto:service@cybertogether.net">
+ <div class="mail">
+ <img src="../../static/img/icon-feedback.svg" alt="" />
+ </div>
+ <div class="font">Feedback</div>
+ </a>
</template>
<script lang="ts" setup>
@@ -393,4 +402,33 @@ onMounted(() => {
height: 100%;
background: rgba(0, 0, 0, .8);
+.feedBack {
+ position: absolute;
+ right: 44px;
+ bottom: 88px;
+ cursor: pointer;
+ text-align: center;
+ a:link, a:visited {
+ color: #A8A8A8;
+ text-decoration: none;
+ }
+ .mail {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ margin: auto;
+ width: 50px;
+ height: 50px;
+ margin-bottom: 10px;
+ border-radius: 50%;
+ background-color: #fff;
+ .font {
+ opacity: 0.7;
+ letter-spacing: 0.3px;
+}
</style>