Skip to content

Commit 9cfe28b

Browse files
rogdenrogden
committed
Tweak spacing between section rows
1 parent aea966a commit 9cfe28b

File tree

15 files changed

+58
-70
lines changed

15 files changed

+58
-70
lines changed

‎src/components/Canvas/CanvasSection.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<template>
2-
<section class="mb-16 max-w-full">
2+
<section class="mb-12 max-w-full">
33
<h1 class="mb-2 text-3xl text-gray-800">{{ title }}</h1>
44
<div class="bg-white p-6 rounded border-gray-300 border">
55
<slot />

‎src/components/Canvas/Sections/FontSizes.vue‎

Lines changed: 14 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,24 +1,22 @@
11
<template>
2-
<div class="-mb-4">
2+
<div class="divide-y -my-4">
33
<div
44
v-for="(value, prop) in data"
5-
class="mb-4"
5+
class="py-4"
66
:key="prop"
77
>
8-
<div class="border-b py-4 rounded">
9-
<p
10-
class="mb-2 leading-none"
11-
:style="{
12-
fontSize: value
13-
}"
14-
>
15-
The quick brown fox jumped over the lazy dog.
16-
</p>
17-
<CanvasBlockLabel
18-
:label="`text-${prop}`"
19-
:value="value"
20-
/>
21-
</div>
8+
<p
9+
class="mb-2 leading-none"
10+
:style="{
11+
fontSize: value
12+
}"
13+
>
14+
The quick brown fox jumped over the lazy dog.
15+
</p>
16+
<CanvasBlockLabel
17+
:label="`text-${prop}`"
18+
:value="value"
19+
/>
2220
</div>
2321
</div>
2422
</template>

‎src/components/Canvas/Sections/FontWeight.vue‎

Lines changed: 14 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,24 +1,22 @@
11
<template>
2-
<div class="-mb-4">
2+
<div class="divide-y -my-4">
33
<div
44
v-for="(value, prop) in data"
5-
class="mb-4"
5+
class="py-4"
66
:key="prop"
77
>
8-
<div class="border-b py-4">
9-
<p
10-
class="mb-2 leading-none text-2xl"
11-
:style="{
12-
fontWeight: value
13-
}"
14-
>
15-
The quick brown fox jumped over the lazy dog.
16-
</p>
17-
<CanvasBlockLabel
18-
:label="`font-${prop}`"
19-
:value="value"
20-
/>
21-
</div>
8+
<p
9+
class="mb-2 leading-none text-2xl"
10+
:style="{
11+
fontWeight: value
12+
}"
13+
>
14+
The quick brown fox jumped over the lazy dog.
15+
</p>
16+
<CanvasBlockLabel
17+
:label="`font-${prop}`"
18+
:value="value"
19+
/>
2220
</div>
2321
</div>
2422
</template>

‎src/components/Canvas/Sections/Height.vue‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,8 @@
11
<template>
2-
<div class="">
2+
<div class="space-y-4">
33
<div
44
v-for="(value, prop) in data"
55
:key="prop"
6-
class="mb-6"
76
>
87
<div
98
class="mb-2 bg-gray-400"

‎src/components/Canvas/Sections/LetterSpacing.vue‎

Lines changed: 12 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,22 +1,20 @@
11
<template>
2-
<div class="-mb-4">
2+
<div class="divide-y -my-4">
33
<div
44
v-for="(value, prop) in data"
5-
class="mb-4"
5+
class="py-4"
66
:key="prop"
77
>
8-
<div class="border-b py-4">
9-
<p
10-
class="mb-2 text-2xl leading-none"
11-
:style="{
12-
letterSpacing: value
13-
}"
14-
>The quick brown fox jumped over the lazy dog.</p>
15-
<CanvasBlockLabel
16-
:label="`tracking-${prop}`"
17-
:value="value"
18-
/>
19-
</div>
8+
<p
9+
class="mb-2 text-2xl leading-none"
10+
:style="{
11+
letterSpacing: value
12+
}"
13+
>The quick brown fox jumped over the lazy dog.</p>
14+
<CanvasBlockLabel
15+
:label="`tracking-${prop}`"
16+
:value="value"
17+
/>
2018
</div>
2119
</div>
2220
</template>

‎src/components/Canvas/Sections/LineHeight.vue‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
<template>
2-
<div class="-mt-4 space-y-4 divide-y">
2+
<div class="divide-y -my-4">
33
<div
44
v-for="(value, prop) in data"
5-
class="pt-4"
5+
class="py-4"
66
:key="prop"
77
>
88
<div

‎src/components/Canvas/Sections/MaxHeight.vue‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,8 @@
11
<template>
2-
<div class="">
2+
<div class="space-y-4">
33
<div
44
v-for="(value, prop) in data"
55
:key="prop"
6-
class="mb-6"
76
>
87
<div
98
class="mb-2 bg-gray-400"

‎src/components/Canvas/Sections/MaxWidth.vue‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,8 @@
11
<template>
2-
<div>
2+
<div class="space-y-4">
33
<div
44
v-for="(value, prop) in data"
55
:key="prop"
6-
class="mb-6"
76
>
87
<div class="mb-2 bg-gray-200">
98
<div

‎src/components/Canvas/Sections/MinHeight.vue‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,8 @@
11
<template>
2-
<div class="">
2+
<div class="space-y-4">
33
<div
44
v-for="(value, prop) in data"
55
:key="prop"
6-
class="mb-6"
76
>
87
<div
98
class="mb-2 bg-gray-400"

‎src/components/Canvas/Sections/MinWidth.vue‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,8 @@
11
<template>
2-
<div>
2+
<div class="space-y-4">
33
<div
44
v-for="(value, prop) in data"
55
:key="prop"
6-
class="mb-6"
76
>
87
<div class="mb-2 bg-gray-200">
98
<div

0 commit comments

Comments
 (0)