mirror of
https://github.com/Pandipipas/scoreko-dev.git
synced 2026-06-06 03:32:06 +00:00
Merge pull request #65 from Pandipipas/clean-bracket-and-style-as-commentary
style: simplify BracketPanel to match Commentary layout
This commit is contained in:
@@ -102,18 +102,11 @@ onMounted(() => {
|
|||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div class="bracket-panel">
|
<div class="bracket-panel">
|
||||||
<QCard
|
|
||||||
flat
|
|
||||||
bordered
|
|
||||||
>
|
|
||||||
<QCardSection class="bracket-panel-header">
|
|
||||||
<div class="text-h4">
|
<div class="text-h4">
|
||||||
Bracket
|
Bracket
|
||||||
</div>
|
</div>
|
||||||
</QCardSection>
|
|
||||||
<QSeparator />
|
|
||||||
|
|
||||||
<QCardSection class="column q-gutter-md">
|
<div class="column q-gutter-md">
|
||||||
<QSelect
|
<QSelect
|
||||||
v-model="stage"
|
v-model="stage"
|
||||||
label="Stage"
|
label="Stage"
|
||||||
@@ -144,8 +137,7 @@ onMounted(() => {
|
|||||||
class="bracket-panel-custom-toggle"
|
class="bracket-panel-custom-toggle"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</QCardSection>
|
</div>
|
||||||
</QCard>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -156,12 +148,6 @@ onMounted(() => {
|
|||||||
gap: 16px;
|
gap: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bracket-panel-header {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
padding-bottom: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bracket-panel-custom {
|
.bracket-panel-custom {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: minmax(0, 1fr) auto;
|
grid-template-columns: minmax(0, 1fr) auto;
|
||||||
|
|||||||
Reference in New Issue
Block a user