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>
<QPage class="q-pa-lg">
<div class="row q-col-gutter-lg items-start dashboard-panels q-mt-lg">
<div class="col-12 col-lg-6">
<div class="column q-gutter-lg">
<div class="column q-gutter-lg dashboard-panels q-mt-lg">
<div class="row">
<div class="col-12">
<QCard
bordered
class="dashboard-panel-card"
@@ -22,7 +22,11 @@ useHead({ title: 'Dashboard' });
<ScoreboardPanel />
</QCardSection>
</QCard>
</div>
</div>
<div class="row q-col-gutter-lg items-start">
<div class="col-12 col-lg-6">
<QCard
bordered
class="dashboard-panel-card"
@@ -32,16 +36,16 @@ useHead({ title: 'Dashboard' });
</QCardSection>
</QCard>
</div>
</div>
<div class="col-12 col-lg-6">
<QCard
bordered
class="dashboard-panel-card"
>
<QCardSection class="dashboard-panel-content">
<BracketPanel />
</QCardSection>
</QCard>
<div class="col-12 col-lg-6">
<QCard
bordered
class="dashboard-panel-card"
>
<QCardSection class="dashboard-panel-content">
<BracketPanel />
</QCardSection>
</QCard>
</div>
</div>
</div>
</QPage>