Skip to content

Commit a80213b

Browse files
DeepKumbhare85DeepKumbhare85
committedJul 9, 2024
refactor(forms & tables): refactored forms & tables styles.
1 parent 3cc624b commit a80213b

16 files changed

+6333
-6968
lines changed
 

‎javascript-version/pnpm-lock.yaml

+4,459-3,535
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎javascript-version/src/views/pages/form-layouts/DemoFormLayoutHorizontalForm.vue

+41-25
Original file line numberDiff line numberDiff line change
@@ -109,34 +109,50 @@ const checkbox = ref(false)
109109
</VCol>
110110

111111
<!-- 👉 Remember me -->
112-
<VCol
113-
offset-md="3"
114-
cols="12"
115-
md="9"
116-
>
117-
<VCheckbox
118-
v-model="checkbox"
119-
label="Remember me"
120-
/>
112+
<VCol cols="12">
113+
<VRow no-gutters>
114+
<VCol
115+
cols="12"
116+
md="3"
117+
/>
118+
<VCol
119+
cols="12"
120+
md="9"
121+
>
122+
<VCheckbox
123+
v-model="checkbox"
124+
label="Remember me"
125+
/>
126+
</VCol>
127+
</VRow>
121128
</VCol>
122129

123130
<!-- 👉 submit and reset button -->
124-
<VCol
125-
offset-md="3"
126-
cols="12"
127-
md="9"
128-
class="d-flex gap-4"
129-
>
130-
<VBtn type="submit">
131-
Submit
132-
</VBtn>
133-
<VBtn
134-
color="secondary"
135-
variant="tonal"
136-
type="reset"
137-
>
138-
Reset
139-
</VBtn>
131+
<VCol cols="12">
132+
<VRow no-gutters>
133+
<VCol
134+
cols="12"
135+
md="3"
136+
/>
137+
<VCol
138+
cols="12"
139+
md="9"
140+
>
141+
<VBtn
142+
type="submit"
143+
class="me-4"
144+
>
145+
Submit
146+
</VBtn>
147+
<VBtn
148+
color="secondary"
149+
variant="tonal"
150+
type="reset"
151+
>
152+
Reset
153+
</VBtn>
154+
</VCol>
155+
</VRow>
140156
</VCol>
141157
</VRow>
142158
</VForm>

‎javascript-version/src/views/pages/form-layouts/DemoFormLayoutHorizontalFormWithIcons.vue

+42-26
Original file line numberDiff line numberDiff line change
@@ -112,35 +112,51 @@ const checkbox = ref(false)
112112
</VRow>
113113
</VCol>
114114

115-
<!-- 👉 Checkbox -->
116-
<VCol
117-
offset-md="3"
118-
cols="12"
119-
md="9"
120-
>
121-
<VCheckbox
122-
v-model="checkbox"
123-
label="Remember me"
124-
/>
115+
<!-- 👉 Remember me -->
116+
<VCol cols="12">
117+
<VRow no-gutters>
118+
<VCol
119+
cols="12"
120+
md="3"
121+
/>
122+
<VCol
123+
cols="12"
124+
md="9"
125+
>
126+
<VCheckbox
127+
v-model="checkbox"
128+
label="Remember me"
129+
/>
130+
</VCol>
131+
</VRow>
125132
</VCol>
126133

127134
<!-- 👉 submit and reset button -->
128-
<VCol
129-
offset-md="3"
130-
cols="12"
131-
md="9"
132-
class="d-flex gap-4"
133-
>
134-
<VBtn type="submit">
135-
Submit
136-
</VBtn>
137-
<VBtn
138-
color="secondary"
139-
type="reset"
140-
variant="tonal"
141-
>
142-
Reset
143-
</VBtn>
135+
<VCol cols="12">
136+
<VRow no-gutters>
137+
<VCol
138+
cols="12"
139+
md="3"
140+
/>
141+
<VCol
142+
cols="12"
143+
md="9"
144+
>
145+
<VBtn
146+
type="submit"
147+
class="me-4"
148+
>
149+
Submit
150+
</VBtn>
151+
<VBtn
152+
color="secondary"
153+
variant="tonal"
154+
type="reset"
155+
>
156+
Reset
157+
</VBtn>
158+
</VCol>
159+
</VRow>
144160
</VCol>
145161
</VRow>
146162
</VForm>

‎javascript-version/src/views/pages/tables/DemoSimpleTableBasics.vue

+4-4
Original file line numberDiff line numberDiff line change
@@ -68,16 +68,16 @@ const desserts = [
6868
<td>
6969
{{ item.dessert }}
7070
</td>
71-
<td class="text-center">
71+
<td>
7272
{{ item.calories }}
7373
</td>
74-
<td class="text-center">
74+
<td>
7575
{{ item.fat }}
7676
</td>
77-
<td class="text-center">
77+
<td>
7878
{{ item.carbs }}
7979
</td>
80-
<td class="text-center">
80+
<td>
8181
{{ item.protein }}
8282
</td>
8383
</tr>

‎javascript-version/src/views/pages/tables/DemoSimpleTableDensity.vue

+4-4
Original file line numberDiff line numberDiff line change
@@ -68,16 +68,16 @@ const desserts = [
6868
<td>
6969
{{ item.dessert }}
7070
</td>
71-
<td class="text-center">
71+
<td>
7272
{{ item.calories }}
7373
</td>
74-
<td class="text-center">
74+
<td>
7575
{{ item.fat }}
7676
</td>
77-
<td class="text-center">
77+
<td>
7878
{{ item.carbs }}
7979
</td>
80-
<td class="text-center">
80+
<td>
8181
{{ item.protein }}
8282
</td>
8383
</tr>

‎javascript-version/src/views/pages/tables/DemoSimpleTableFixedHeader.vue

+4-4
Original file line numberDiff line numberDiff line change
@@ -71,16 +71,16 @@ const desserts = [
7171
<td>
7272
{{ item.dessert }}
7373
</td>
74-
<td class="text-center">
74+
<td>
7575
{{ item.calories }}
7676
</td>
77-
<td class="text-center">
77+
<td>
7878
{{ item.fat }}
7979
</td>
80-
<td class="text-center">
80+
<td>
8181
{{ item.carbs }}
8282
</td>
83-
<td class="text-center">
83+
<td>
8484
{{ item.protein }}
8585
</td>
8686
</tr>

‎javascript-version/src/views/pages/tables/DemoSimpleTableHeight.vue

+4-4
Original file line numberDiff line numberDiff line change
@@ -68,16 +68,16 @@ const desserts = [
6868
<td>
6969
{{ item.dessert }}
7070
</td>
71-
<td class="text-center">
71+
<td>
7272
{{ item.calories }}
7373
</td>
74-
<td class="text-center">
74+
<td>
7575
{{ item.fat }}
7676
</td>
77-
<td class="text-center">
77+
<td>
7878
{{ item.carbs }}
7979
</td>
80-
<td class="text-center">
80+
<td>
8181
{{ item.protein }}
8282
</td>
8383
</tr>

‎javascript-version/src/views/pages/tables/DemoSimpleTableTheme.vue

+4-4
Original file line numberDiff line numberDiff line change
@@ -71,16 +71,16 @@ const desserts = [
7171
<td>
7272
{{ item.dessert }}
7373
</td>
74-
<td class="text-center">
74+
<td>
7575
{{ item.calories }}
7676
</td>
77-
<td class="text-center">
77+
<td>
7878
{{ item.fat }}
7979
</td>
80-
<td class="text-center">
80+
<td>
8181
{{ item.carbs }}
8282
</td>
83-
<td class="text-center">
83+
<td>
8484
{{ item.protein }}
8585
</td>
8686
</tr>

0 commit comments

Comments
 (0)
Failed to load comments.