fix: 优化唯一标识详情布局
This commit is contained in:
@@ -1,3 +1,4 @@
|
||||
<!-- 功能描述:紧凑展示资源唯一标识,并支持点击复制完整值。版本:v1.1.0。 -->
|
||||
<template>
|
||||
<a-tooltip :content="`${value}\n点击复制完整唯一标识`">
|
||||
<button class="identity-text" type="button" :aria-label="`复制完整唯一标识 ${value}`" @click="copyIdentity">
|
||||
@@ -25,9 +26,15 @@ async function copyIdentity() {
|
||||
|
||||
<style scoped>
|
||||
.identity-text {
|
||||
/* 网格子项保持内容宽度,避免按钮拉伸后文字居中形成多余空白。 */
|
||||
justify-self: start;
|
||||
width: fit-content;
|
||||
max-width: 100%;
|
||||
padding: 0;
|
||||
color: rgb(var(--primary-6));
|
||||
font: inherit;
|
||||
text-align: left;
|
||||
white-space: nowrap;
|
||||
background: transparent;
|
||||
border: 0;
|
||||
cursor: pointer;
|
||||
|
||||
Reference in New Issue
Block a user