diff options
| author |   Ntkskwk <natsukawa247@outlook.com> | 2024-09-10 15:16:06 +0800 |
|---|---|---|
| committer | Ntkskwk <natsukawa247@outlook.com> | 2024-09-10 15:16:06 +0800 |
| commit | c9d82f7244e9f99a2e129b26f99f3b526e717775 (patch) | |
| tree | 2d58a83c0450b637d1820442d5be82952ab44d42 /src/views/index/Notepad/index.vue | |
| parent | 039b925f3c15f5435dce2dc9aa0c23f84928d32d (diff) | |
| download | HydroRollSite-c9d82f7244e9f99a2e129b26f99f3b526e717775.tar.gz HydroRollSite-c9d82f7244e9f99a2e129b26f99f3b526e717775.zip | |
feat: improve css styles for better layoutpage-layout
Diffstat (limited to 'src/views/index/Notepad/index.vue')
| -rw-r--r-- | src/views/index/Notepad/index.vue | 21 |
1 files changed, 14 insertions, 7 deletions
diff --git a/src/views/index/Notepad/index.vue b/src/views/index/Notepad/index.vue index 2d4f037..4dcde33 100644 --- a/src/views/index/Notepad/index.vue +++ b/src/views/index/Notepad/index.vue @@ -14,35 +14,42 @@ export default { <template> - <div class="details" style="overflow-y:hidden;overflow-x:hidden;height:100%"> + <div class="details" style="height:100%"> <h3> {{ content.title }} </h3> - <v-md-preview :text="content.message" ></v-md-preview> + <div class="content"> + <v-md-preview :text="content.message"></v-md-preview> + </div> </div> </template> <style scoped> +.details { + flex: 1; + float: right; + height: 100%; + padding: 0 10dvw; +} h3 { - font-size: 1.8rem; + font-size: 1.5rem; font-weight: 500; margin-bottom: 0.4rem; color: var(--color-heading); } -.details { - flex: 1; - width: 60dvw; - float: right; +.content { + overflow-x: auto; } @media screen and (orientation:landscape) { .details { flex: 1; width: 32dvw; + padding: 0; } } </style> |