gitea-yuany3721/vuepress-theme-plume
1
0
Fork 1
mirror of https://github.com/pengzhanbo/vuepress-theme-plume.git synced 2026-04-23 10:58:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

修复hero-name过长导致的布局错误

Browse Source
This commit is contained in:
huan_kong 2023-07-16 10:15:33 +08:00
parent 8b9833449b
commit 4f255e51ec
No known key found for this signature in database
GPG Key ID: 30EC93ED160273E6
1 changed files with 4 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
packages/theme/src/client/components/Home.vue
View File

@ -52,13 +52,7 @@ const actions = computed(() => {
<p v-if="text" class="hero-text">{{ text }}</p>
<div v-if="actions" class="actions">
<div v-for="action in actions" :key="action.link" class="action">
<VButton
tag="a"
size="medium"
:theme="action.theme"
:text="action.text"
:href="action.link"
/>
<VButton tag="a" size="medium" :theme="action.theme" :text="action.text" :href="action.link" />
</div>
</div>
</div>
@ -88,6 +82,7 @@ const actions = computed(() => {
.plume-home .content {
padding: 0 2rem;
width: 100%;
}
.plume-home .content .hero-name {
@ -96,6 +91,7 @@ const actions = computed(() => {
line-height: 1;
color: var(--vp-c-text-hero-name);
}
.plume-home .content .hero-tagline {
display: flex;
align-items: center;
@ -131,6 +127,7 @@ const actions = computed(() => {
max-width: 768px;
padding-top: 8rem;
}
.plume-home .content .hero-name {
font-size: 100px;
}