SebinNyshkim/sebin-reference
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: migrate to native details element for quickfacts component

Browse source
This commit is contained in:
Sebin Nyshkim 2023-04-02 23:35:24 +02:00
parent 51e72e2021
commit e3f2e0c256
5 changed files with 58 additions and 57 deletions
Download patch file Download diff file Expand all files Collapse all files

20
src/views/AnatomyView.vue
View file

@ -157,8 +157,8 @@ const showModal = inject<Function>(showModalKey, Function);
<section>
<ColorTable :colors="sebinColors" />
<QuickFacts>
<ul class="col-2">
<QuickFacts :cols="2">
<ul>
<li>Bipedal plantigrade</li>
<li>Red and yellow scales</li>
<li>Yellow scales under chin, torso, underside of tail</li>
@ -190,8 +190,8 @@ const showModal = inject<Function>(showModalKey, Function);
<section>
<h2>Wings</h2>
<QuickFacts>
<ul class="col-2">
<QuickFacts :cols="2">
<ul>
<li>
Wingspan {{ wingspan / 100 }} meters ({{ toImperial(wingspan) }})
</li>
@ -277,8 +277,8 @@ const showModal = inject<Function>(showModalKey, Function);
</RefFigure>
<section>
<QuickFacts>
<ul class="col-2">
<QuickFacts :cols="2">
<ul>
<li>Round pupils, green iris</li>
<li>Yellow spikes for eyebrows</li>
<li>Yellow spikes on cheeks</li>
@ -311,8 +311,8 @@ const showModal = inject<Function>(showModalKey, Function);
<section>
<h2>Upper Body</h2>
<QuickFacts>
<ul class="col-2">
<QuickFacts :cols="2">
<ul>
<li>Strong upper body</li>
<li>Big pecs</li>
<li>Defined abs</li>
@ -823,8 +823,8 @@ const showModal = inject<Function>(showModalKey, Function);
<section>
<DataTable :headings="sebinPenisHeadings" :data="sebinPenisData" />
<QuickFacts>
<ul class="col-2">
<QuickFacts :cols="2">
<ul>
<li>Human-shaped with ridges</li>
<li>Ring-like sheath surrounding shaft</li>
<li>

16
src/views/GeneralView.vue
View file

@ -64,8 +64,8 @@ const showModal = inject<Function>(showModalKey, Function);
<section>
<h2>Personality</h2>
<QuickFacts>
<ul class="col-2">
<QuickFacts :cols="2">
<ul>
<li>warm-hearted</li>
<li>caring</li>
<li>quick to offer help</li>
@ -116,8 +116,8 @@ const showModal = inject<Function>(showModalKey, Function);
<section>
<h2>Hobbies</h2>
<QuickFacts>
<ul class="col-4">
<QuickFacts :cols="4">
<ul>
<li v-for="(hobby, idx) in hobbies" :key="idx">
{{ hobby }}
</li>
@ -143,8 +143,8 @@ const showModal = inject<Function>(showModalKey, Function);
<section>
<h2>Food &amp; Drink</h2>
<QuickFacts>
<ul class="col-4">
<QuickFacts :cols="4">
<ul>
<li>sweets</li>
<li>savory food</li>
<li>spicy food</li>
@ -185,8 +185,8 @@ const showModal = inject<Function>(showModalKey, Function);
<DataTable :headings="nsfwHeadings" :data="nsfwData" />
<QuickFacts>
<ul class="col-2">
<QuickFacts :cols="2">
<ul>
<li>Supremely horny</li>
<li>Confident, knows what he's got</li>
<li>Dominant lover, likes it rough but is no brute</li>