opentiny
/
tiny-vue
2
0
Fork 30
Code Issues Pull Requests 7 Packages Projects Releases Wiki Activity

fix(site): fix the issue the official website is not fully displayed in small screen sizes

This commit is contained in:
shenjunjian 2024-11-06 19:47:33 -08:00 committed by ajaxzheng
parent 9ac66f3922
commit 8f2723ddd3
2 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
examples/sites/src/views/components/components.vue
View File

@ -816,7 +816,6 @@ export default defineComponent({
flex: 1; flex: 1;
display: flex; display: flex;
justify-content: center; justify-content: center;
min-width: 680px;
padding: 0 40px; padding: 0 40px;
} }
@ -837,7 +836,6 @@ export default defineComponent({
:deep(> .tiny-tabs__header) { :deep(> .tiny-tabs__header) {
position: sticky; position: sticky;
top: 90px;
z-index: var(--docs-tabs-header-zindex); z-index: var(--docs-tabs-header-zindex);
background-color: #fff; background-color: #fff;
@ -974,6 +972,10 @@ export default defineComponent({
column-gap: 16px; column-gap: 16px;
} }
.docs-content-main {
overflow: auto;
}
.cmp-container { .cmp-container {
p { p {
font-size: 16px; font-size: 16px;

5
examples/sites/src/views/layout/layout.vue
View File

@ -196,9 +196,12 @@ export default defineComponent({
.content-layout { .content-layout {
display: flex; display: flex;
--layout-tree-menu-input-height: 32px; --layout-tree-menu-input-height: 32px;
--layout-content-main-min-width: 600px; --layout-content-main-min-width: 200px;
--layout-content-main-max-width: 1000px; --layout-content-main-max-width: 1000px;
} }
@media screen and (max-width: 640px) {
--layout-content-main-min-width: 600px;
}
.tiny-tooltip.tiny-tooltip__popper.is-light.docs-tooltip { .tiny-tooltip.tiny-tooltip__popper.is-light.docs-tooltip {
border: none; border: none;