Pandipipas/scoreko-dev
1
0
Fork 0
mirror of https://github.com/Pandipipas/scoreko-dev.git synced 2026-06-06 03:32:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

Adjust dashboard layout for full-width scoreboard

Browse Source
This commit is contained in:
Pandipipas
2026-02-12 01:33:39 +01:00
parent e004b00343
commit 3d3e92e66e
1 changed files with 17 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/dashboard/example/views/Dashboard.vue
+8 -4
View File
@@ -11,9 +11,9 @@ useHead({ title: 'Dashboard' });
<template> <template>
<QPage class="q-pa-lg"> <QPage class="q-pa-lg">
<div class="row q-col-gutter-lg items-start dashboard-panels q-mt-lg"> <div class="column q-gutter-lg dashboard-panels q-mt-lg">
<div class="col-12 col-lg-6"> <div class="row">
<div class="column q-gutter-lg"> <div class="col-12">
<QCard <QCard
bordered bordered
class="dashboard-panel-card" class="dashboard-panel-card"
@@ -22,7 +22,11 @@ useHead({ title: 'Dashboard' });
<ScoreboardPanel /> <ScoreboardPanel />
</QCardSection> </QCardSection>
</QCard> </QCard>
</div>
</div>
<div class="row q-col-gutter-lg items-start">
<div class="col-12 col-lg-6">
<QCard <QCard
bordered bordered
class="dashboard-panel-card" class="dashboard-panel-card"
@@ -32,7 +36,6 @@ useHead({ title: 'Dashboard' });
</QCardSection> </QCardSection>
</QCard> </QCard>
</div> </div>
</div>
<div class="col-12 col-lg-6"> <div class="col-12 col-lg-6">
<QCard <QCard
bordered bordered
@@ -44,6 +47,7 @@ useHead({ title: 'Dashboard' });
</QCard> </QCard>
</div> </div>
</div> </div>
</div>
</QPage> </QPage>
</template> </template>