Dhaverd/ New-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Поправил отображение длинного текста в названии ссылок

This commit is contained in:
Dhaverd 2025-07-18 01:16:10 +08:00
parent 6d9732b3b5
commit b592c945e7
1 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
resources/views/ServiceLinks/ServicesLinks.vue
View File

@ -43,15 +43,19 @@ export default {
<v-skeleton-loader v-if="fetching" class="bg-grey-darken-3" type="card"/> <v-skeleton-loader v-if="fetching" class="bg-grey-darken-3" type="card"/>
<div class="pt-5 h-100" v-else> <div class="pt-5 h-100" v-else>
<v-row class="ma-0" v-for="n in Math.ceil(links.length / 3)" v-if="isWide"> <v-row class="ma-0" v-for="n in Math.ceil(links.length / 3)" v-if="isWide">
<v-col class="d-flex justify-center align-center" v-for="j in 3"> <v-col class="d-flex justify-center align-center w-33" v-for="j in 3">
<v-btn v-if="links[(n - 1) * 3 + j - 1]" class="w-100 h-100 pa-5 text-white mt-5 mb-5 bg-btn" :href="links[(n - 1) * 3 + j - 1].link" target="_blank"> <v-btn v-if="links[(n - 1) * 3 + j - 1]" class="w-100 h-100 pa-5 text-white mt-5 mb-5 bg-btn text-center" :href="links[(n - 1) * 3 + j - 1].link" target="_blank">
{{ links[(n - 1) * 3 + j - 1].name }} <template v-slot:default>
<span class="txt-wrap">{{ links[(n - 1) * 3 + j - 1].name }}</span>
</template>
</v-btn> </v-btn>
</v-col> </v-col>
</v-row> </v-row>
<div v-else class="ma-0"> <div v-else class="ma-0">
<v-btn class="w-100 h-100 pa-5 text-white mt-5 mb-5 bg-btn" v-for="link in links" :href="link.link" target="_blank"> <v-btn class="w-100 h-100 pa-5 text-white mt-5 mb-5 bg-btn text-center" v-for="link in links" :href="link.link" target="_blank">
{{ link.name }} <template v-slot:default>
<span class="txt-wrap">{{ link.name }}</span>
</template>
</v-btn> </v-btn>
</div> </div>
</div> </div>
@ -75,4 +79,8 @@ export default {
.bg-btn { .bg-btn {
background-color: #E08E79 background-color: #E08E79
} }
.txt-wrap {
white-space: wrap!important;
}
</style> </style>