techit/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

To v 16.1.1: merge card css classes

Browse Source
This commit is contained in:
Techit Thawiang
2025-10-18 20:36:22 +07:00
parent c4016fe8f8
commit 91ee5eb3e4
11 changed files with 188 additions and 171 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/pages/fonts.vue
+6 -6
View File
@@ -20,19 +20,19 @@
<section v-else-if="fonts" v-for="family in fonts" key="family.id" class="web-section" :aria-labelledby="family.id + '-title'" :aria-describedby="family.desc + '-desc'">
<h2 :id="family.id + '-title'" class="web-title">{{ family.family }}</h2>
<p :id="family.id + '-desc'">{{ family.desc }}</p>
<!-- <ul class="font-card-container">
<!-- <ul class="card-container">
<li v-for="font in family.children" :key="font.id">
<a :class="'font-card', {disabled: font.disabled}" :href="fontUrl + font.css">
<div class="font-card-content text-xl">
<a :class="'card', {disabled: font.disabled}" :href="fontUrl + font.css">
<div class="card-content text-xl">
{{ font.name }}
<p>{{ fontUrl + font.css }}</p>
</div>
</a>
</li>
</ul> -->
<section class="font-card-container">
<a class="font-card" v-for="font in family.children" :key="font.id" :href="fontUrl + font.css">
<div class="font-card-content">
<section class="card-container">
<a :class="'card', {disabled: font.disabled}" v-for="font in family.children" :key="font.id" :href="fontUrl + font.css">
<div class="card-content">
{{ font.name }}
</div>
</a>