gkucmierz/nonograms
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

ui: linie pomocnicze co 5 w opisach wierszy i kolumn

Browse Source
This commit is contained in:
Grzegorz Kucmierz
2026-02-12 14:27:51 +01:00
parent a22897e19e
commit bd310d8305
1 changed files with 13 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/Hints.vue
View File

@@ -32,7 +32,11 @@ defineProps({
v-for="(group, index) in hints" v-for="(group, index) in hints"
:key="index" :key="index"
class="hint-group" class="hint-group"
:class="{ 'is-active': index === activeIndex }" :class="{
'is-active': index === activeIndex,
'guide-right': orientation === 'col' && (index + 1) % 5 === 0 && index !== size - 1,
'guide-bottom': orientation === 'row' && (index + 1) % 5 === 0 && index !== size - 1
}"
> >
<span <span
v-for="(num, idx) in group" v-for="(num, idx) in group"
@@ -111,4 +115,12 @@ defineProps({
border-color: rgba(79, 172, 254, 0.8); border-color: rgba(79, 172, 254, 0.8);
box-shadow: 0 0 12px rgba(79, 172, 254, 0.35); box-shadow: 0 0 12px rgba(79, 172, 254, 0.35);
} }
/* Guide lines every 5 */
.hint-group.guide-right {
border-right: 2px solid rgba(0, 242, 255, 0.5);
}
.hint-group.guide-bottom {
border-bottom: 2px solid rgba(0, 242, 255, 0.5);
}
</style> </style>