poptong/music-admin
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

refactor(tables & forms): refactored tables and forms styles

Browse Source
This commit is contained in:
yagnikvamja
2024-07-09 11:35:03 +05:30
parent 48500f89dc
commit c90ffad25c
16 changed files with 571 additions and 507 deletions
Download Patch File Download Diff File Expand all files Collapse all files

448
typescript-version/pnpm-lock.yaml generated
View File

File diff suppressed because it is too large Load Diff

66
typescript-version/views/pages/form-layouts/DemoFormLayoutHorizontalForm.vue
View File

@@ -109,34 +109,50 @@ const checkbox = ref(false)
</VCol>
<!-- 👉 Remember me -->
<VCol
offset-md="3"
cols="12"
md="9"
>
<VCheckbox
v-model="checkbox"
label="Remember me"
/>
<VCol cols="12">
<VRow no-gutters>
<VCol
cols="12"
md="3"
/>
<VCol
cols="12"
md="9"
>
<VCheckbox
v-model="checkbox"
label="Remember me"
/>
</VCol>
</VRow>
</VCol>
<!-- 👉 submit and reset button -->
<VCol
offset-md="3"
cols="12"
md="9"
class="d-flex gap-4"
>
<VBtn type="submit">
Submit
</VBtn>
<VBtn
color="secondary"
variant="tonal"
type="reset"
>
Reset
</VBtn>
<VCol cols="12">
<VRow no-gutters>
<VCol
cols="12"
md="3"
/>
<VCol
cols="12"
md="9"
>
<VBtn
type="submit"
class="me-4"
>
Submit
</VBtn>
<VBtn
color="secondary"
variant="tonal"
type="reset"
>
Reset
</VBtn>
</VCol>
</VRow>
</VCol>
</VRow>
</VForm>

68
typescript-version/views/pages/form-layouts/DemoFormLayoutHorizontalFormWithIcons.vue
View File

@@ -112,35 +112,51 @@ const checkbox = ref(false)
</VRow>
</VCol>
<!-- 👉 Checkbox -->
<VCol
offset-md="3"
cols="12"
md="9"
>
<VCheckbox
v-model="checkbox"
label="Remember me"
/>
<!-- 👉 Remember me -->
<VCol cols="12">
<VRow no-gutters>
<VCol
cols="12"
md="3"
/>
<VCol
cols="12"
md="9"
>
<VCheckbox
v-model="checkbox"
label="Remember me"
/>
</VCol>
</VRow>
</VCol>
<!-- 👉 submit and reset button -->
<VCol
offset-md="3"
cols="12"
md="9"
class="d-flex gap-4"
>
<VBtn type="submit">
Submit
</VBtn>
<VBtn
color="secondary"
type="reset"
variant="tonal"
>
Reset
</VBtn>
<VCol cols="12">
<VRow no-gutters>
<VCol
cols="12"
md="3"
/>
<VCol
cols="12"
md="9"
>
<VBtn
type="submit"
class="me-4"
>
Submit
</VBtn>
<VBtn
color="secondary"
variant="tonal"
type="reset"
>
Reset
</VBtn>
</VCol>
</VRow>
</VCol>
</VRow>
</VForm>

8
typescript-version/views/pages/tables/DemoSimpleTableBasics.vue
View File

@@ -68,16 +68,16 @@ const desserts = [
<td>
{{ item.dessert }}
</td>
<td class="text-center">
<td>
{{ item.calories }}
</td>
<td class="text-center">
<td>
{{ item.fat }}
</td>
<td class="text-center">
<td>
{{ item.carbs }}
</td>
<td class="text-center">
<td>
{{ item.protein }}
</td>
</tr>

8
typescript-version/views/pages/tables/DemoSimpleTableDensity.vue
View File

@@ -68,16 +68,16 @@ const desserts = [
<td>
{{ item.dessert }}
</td>
<td class="text-center">
<td>
{{ item.calories }}
</td>
<td class="text-center">
<td>
{{ item.fat }}
</td>
<td class="text-center">
<td>
{{ item.carbs }}
</td>
<td class="text-center">
<td>
{{ item.protein }}
</td>
</tr>

8
typescript-version/views/pages/tables/DemoSimpleTableFixedHeader.vue
View File

@@ -71,16 +71,16 @@ const desserts = [
<td>
{{ item.dessert }}
</td>
<td class="text-center">
<td>
{{ item.calories }}
</td>
<td class="text-center">
<td>
{{ item.fat }}
</td>
<td class="text-center">
<td>
{{ item.carbs }}
</td>
<td class="text-center">
<td>
{{ item.protein }}
</td>
</tr>

8
typescript-version/views/pages/tables/DemoSimpleTableHeight.vue
View File

@@ -68,16 +68,16 @@ const desserts = [
<td>
{{ item.dessert }}
</td>
<td class="text-center">
<td>
{{ item.calories }}
</td>
<td class="text-center">
<td>
{{ item.fat }}
</td>
<td class="text-center">
<td>
{{ item.carbs }}
</td>
<td class="text-center">
<td>
{{ item.protein }}
</td>
</tr>

8
typescript-version/views/pages/tables/DemoSimpleTableTheme.vue
View File

@@ -71,16 +71,16 @@ const desserts = [
<td>
{{ item.dessert }}
</td>
<td class="text-center">
<td>
{{ item.calories }}
</td>
<td class="text-center">
<td>
{{ item.fat }}
</td>
<td class="text-center">
<td>
{{ item.carbs }}
</td>
<td class="text-center">
<td>
{{ item.protein }}
</td>
</tr>