chamomind/jws-frontend
chamomind/jws-frontend
7
0
Fork 0
Code Issues Projects Releases Packages 1 Wiki Activity Actions

fix: adjust layout classes for responsive design on ViewPage
Some checks failed
Spell Check / Spell Check with Typos (push) Failing after 7s
Details

Browse source
This commit is contained in:
puriphatt 2025-04-30 16:58:40 +07:00
parent 4d023a7c7c
commit 2b78abcd3b
1 changed files with 4 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/pages/00_manual/ViewPage.vue
View file

@ -116,8 +116,8 @@ async function scrollTo(id: string) {
<template> <template>
<main <main
class="full-height q-gutter-sm" class="full-height q-gutter-sm no-wrap"
:class="{ 'row reverse': $q.screen.gt.xs, column: $q.screen.xs }" :class="{ column: !toc && $q.screen.lt.md, 'row reverse': $q.screen.gt.sm }"
> >
<section <section
v-if="toc" v-if="toc"
@ -168,7 +168,7 @@ async function scrollTo(id: string) {
</q-list> </q-list>
</section> </section>
<section v-if="!toc && $q.screen.xs"> <section v-if="!toc && $q.screen.lt.md">
<q-btn <q-btn
dense dense
class="full-width text-capitalize" class="full-width text-capitalize"
@ -181,7 +181,7 @@ async function scrollTo(id: string) {
</section> </section>
<section <section
v-if="content || (!toc && $q.screen.xs)" v-if="$q.screen.gt.xs || (!toc && $q.screen.xs)"
ref="wrapper" ref="wrapper"
class="markdown col scroll full-height rounded" class="markdown col scroll full-height rounded"
> >