diff --git a/src/views/responsive/ResponsiveDemo.vue b/src/views/responsive/ResponsiveDemo.vue index 3e3dba49b..ca5f5445b 100644 --- a/src/views/responsive/ResponsiveDemo.vue +++ b/src/views/responsive/ResponsiveDemo.vue @@ -288,17 +288,6 @@ {{slotProps.data.country.name}} - - - - {{slotProps.data.representative.name}} - - - - - {{slotProps.data.date}} - - {{slotProps.data.status}} @@ -306,12 +295,7 @@ - - - - - - + @@ -408,7 +392,7 @@
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit @@ -816,17 +800,6 @@ <span class="image-text">{{slotProps.data.country.name}}</span> </template> </Column> - <Column header="Representative" :sortable="true" sortField="representative.name" filterField="representative.name" filterMatchMode="in"> - <template #body="slotProps"> - <img :alt="slotProps.data.representative.name" :src="'demo/images/avatar/' + slotProps.data.representative.image" width="32" style="vertical-align: middle" /> - <span class="image-text p-ml-2">{{slotProps.data.representative.name}}</span> - </template> - </Column> - <Column field="date" header="Date" :sortable="true" filterMatchMode="equals"> - <template #body="slotProps"> - <span>{{slotProps.data.date}}</span> - </template> - </Column> <Column field="status" header="Status" :sortable="true" filterMatchMode="equals"> <template #body="slotProps"> <span :class="'customer-badge status-' + slotProps.data.status">{{slotProps.data.status}}</span> @@ -837,11 +810,6 @@ <ProgressBar :value="slotProps.data.activity" :showValue="false" /> </template> </Column> - <Column headerStyle="width: 8rem; text-align: center" bodyStyle="text-align: center; overflow: visible"> - <template #body> - <Button type="button" icon="pi pi-cog" class="p-button-secondary"></Button> - </template> - </Column> </DataTable> </div> </div> @@ -936,7 +904,7 @@ <div class="p-col-12 p-md-3"> <div class="card p-fluid"> <h5>Dialog</h5> - <Dialog header="Dialog" v-model:visible="display" :style="{width: '30vw'}" :modal="true"> + <Dialog header="Dialog" v-model:visible="display" :style="{width: '50vw'}" :breakpoints="{'960px':'75vw'}" :modal="true"> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit