|
|
@@ -66,6 +66,15 @@
|
|
|
</div>
|
|
|
</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>
|
|
|
+ </div>
|
|
|
</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;
|
|
|
+ font-size: 12px;
|
|
|
+ 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;
|
|
|
+ color: #A8A8A8;
|
|
|
+ letter-spacing: 0.3px;
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|
