Fun/TeyvatGuide
1
0
Fork 0
mirror of https://github.com/BTMuli/TeyvatGuide.git synced 2026-03-16 04:03:17 +08:00
Code Issues Packages Projects Releases Wiki Activity

💄 调整通用backupText组件样式

Browse Source
This commit is contained in:
目棃
2025-03-28 13:50:20 +08:00
parent a63edd81bd
commit 400a501f30
1 changed files with 19 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
src/components/viewPost/tp-backupText.vue
View File

@@ -58,35 +58,38 @@ console.log("tpBackupText", props.data.insert.backup_text, toRaw(props.data));
.tp-backup-fold {
position: relative;
padding: 10px;
overflow: hidden;
border: 1px solid var(--common-shadow-2);
border-radius: 10px;
margin: 10px auto;
}
.tp-backup-fold summary {
list-style: none;
}
.tp-backup-fold ::marker {
color: var(--common-shadow-4);
content: "";
border-radius: 4px;
margin: 8px auto;
}
.tp-backup-summary {
position: relative;
display: flex;
margin-left: 5px;
width: 100%;
box-sizing: border-box;
align-items: center;
justify-content: flex-start;
padding: 8px;
background: var(--box-bg-1);
cursor: pointer;
font-family: var(--font-title);
}
.tp-backup-marker {
position: relative;
display: inline;
width: 20px;
height: 20px;
width: 24px;
height: 24px;
margin-right: 4px;
}
.tp-backup-details {
padding-left: 20px;
position: relative;
width: 100%;
box-sizing: border-box;
padding: 8px 8px 8px 24px;
border-top: 1px solid var(--common-shadow-1);
}
</style>