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
+17 -13
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,16 +36,16 @@ 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 class="dashboard-panel-card"
class="dashboard-panel-card" >
> <QCardSection class="dashboard-panel-content">
<QCardSection class="dashboard-panel-content"> <BracketPanel />
<BracketPanel /> </QCardSection>
</QCardSection> </QCard>
</QCard> </div>
</div> </div>
</div> </div>
</QPage> </QPage>