💄 fix overflow

src/components/app/to-nameCard.vue

@@ -1,6 +1,5 @@
 <template>
-  <TOverlay v-model="visible">
-    <div v-if="props.data" class="ton-container">
+  <TOverlay v-model="visible" v-if="props.data">
     <slot name="left"></slot>
     <div class="ton-box">
       <img
@@ -27,7 +26,6 @@
       </v-btn>
     </div>
     <slot name="right"></slot>
-    </div>
   </TOverlay>
 </template>
 <script setup lang="ts">
@@ -136,13 +134,6 @@ async function shareNameCard(): Promise<void> {
 }
 </script>
 <style lang="css" scoped>
-.ton-container {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  column-gap: 10px;
-}
-
 .ton-box {
   position: relative;
   overflow: hidden;
@@ -155,6 +146,7 @@ async function shareNameCard(): Promise<void> {
   position: absolute;
   width: 100%;
   height: 100%;
+  border-radius: 10px;
 }
 
 .ton-type {
@@ -172,12 +164,14 @@ async function shareNameCard(): Promise<void> {
   right: 0;
   left: 0;
   display: flex;
+  overflow: hidden;
   width: 100%;
   height: 100%;
   flex-direction: column;
   align-items: flex-start;
   justify-content: flex-end;
   padding: 10px;
+  border-radius: 10px;
   backdrop-filter: blur(5px);
   background: rgb(0 0 0 / 25%);
   color: var(--tgc-white-1);