test/pay
1
0
Fork 0
mirror of https://gitee.com/yansongda/pay.git synced 2024-12-04 05:08:55 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

docs: 优化文档 css (#653)

Browse Source
This commit is contained in:
yansongda 2022-08-23 15:36:36 +08:00 committed by GitHub
parent 4e83ab9149
commit 93a0305144
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 73 additions and 81 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

81
web/.vitepress/theme/components/HomeAuthorize.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div class="authorize"> <div class="home">
<div class="container"> <div class="container">
<h2>授权</h2> <h2>授权</h2>
<h3>类库</h3> <h3>类库</h3>
@ -21,59 +21,46 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@media (min-width: 640px) { @import '../css/home';
.authorize {
padding: 0 48px;
}
}
@media (min-width: 960px) {
.authorize {
padding: 0 64px;
}
}
.authorize { .home {
margin-top: 50px; margin-top: 50px;
padding: 0 24px;
}
.container { .container {
max-width: 1152px; p {
margin: 0 auto; display: block;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0;
margin-inline-end: 0;
}
p { a {
display: block; font-weight: 500;
margin-block-start: 1em; color: #3eaf7c;
margin-block-end: 1em; text-decoration: none;
margin-inline-start: 0; overflow-wrap: break-word;
margin-inline-end: 0; }
}
a { h1, h2, h3, h4, h5, h6 {
font-weight: 500; font-weight: 600;
color: #3eaf7c; line-height: 1.25;
text-decoration: none; }
overflow-wrap: break-word;
}
h1, h2, h3, h4, h5, h6 { h2 {
font-weight: 600; font-size: 1.65rem;
line-height: 1.25; padding-bottom: .3rem;
} border-bottom: 1px solid #eaecef;
}
h2 { h3 {
font-size: 1.65rem; font-size: 1.35rem;
padding-bottom: .3rem; display: block;
border-bottom: 1px solid #eaecef; margin-block-start: 1em;
} margin-block-end: 1em;
margin-inline-start: 0;
h3 { margin-inline-end: 0;
font-size: 1.35rem; }
display: block;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0;
margin-inline-end: 0;
} }
} }
</style> </style>

54
web/.vitepress/theme/components/HomePrimary.vue
View File

@ -16,45 +16,31 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@media (min-width: 640px) { @import '../css/home';
.home {
padding: 0 48px;
}
}
@media (min-width: 960px) {
.home {
padding: 0 64px;
}
}
.home { .home {
margin-bottom: 50px; .container {
padding: 0 24px; margin-bottom: 50px;
} text-align: center;
.container { img {
max-width: 1152px; display: inline-block;
text-align: center; }
margin: 0 auto;
img { .action .action-button {
display: inline-block; display: inline-block;
} font-size: 1.2rem;
padding: .8rem 1.6rem;
border-width: 2px;
border-style: solid;
border-radius: 4px;
box-sizing: border-box;
.action .action-button { &.primary {
display: inline-block; color: #fff;
font-size: 1.2rem; background-color: #3eaf7c;
padding: .8rem 1.6rem; border-color: #3eaf7c;
border-width: 2px; }
border-style: solid;
border-radius: 4px;
transition: background-color var(--t-color);
box-sizing: border-box;
&.primary {
color: #fff;
background-color: #3eaf7c;
border-color: #3eaf7c;
} }
} }
} }

19
web/.vitepress/theme/css/home.scss Normal file
View File

@ -0,0 +1,19 @@
@media (min-width: 640px) {
.home {
padding: 0 48px;
}
}
@media (min-width: 960px) {
.home {
padding: 0 64px;
}
}
.home {
padding: 0 24px;
.container {
max-width: 1152px;
margin: 0 auto;
}
}