cssd-doc/cssd-front
1
0
Fork 0
mirror of https://git.meshkee.com/cssd/cssd-front.git synced 2026-10-13 19:13:17 +03:30
Code Issues Packages Projects Releases Wiki Activity

fix : style & resposive

Browse Source
This commit is contained in:
zeinab.ashrafi
2025-03-30 11:56:46 +03:30
parent 0fcb9a3b2f
commit 9625674f79
9 changed files with 194 additions and 260 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/Dashboard.vue
+63 -18
View File
@@ -7,9 +7,9 @@
<v-flex v-if="!AdminCard.role || $hasRole(AdminCard.role)" :class="[AdminCard.column, 'pa-2']"
:key="Key">
<router-link :to="AdminCard.route" style="height: 100%;display: grid;">
<material-cards :title="AdminCard.title" :icon="AdminCard.icon" :color="AdminCard.color"
:text="AdminCard.text" :aligntext="AdminCard.aligntext"
:alignimg="AdminCard.alignimg"/>
<material-cards :title="AdminCard.title" :icon="AdminCard.icon" :svg="AdminCard.svg"
:image="AdminCard.image" :color="AdminCard.color" :text="AdminCard.text"
:aligntext="AdminCard.aligntext" :alignimg="AdminCard.alignimg"/>
</router-link>
</v-flex>
</template>
@@ -24,9 +24,9 @@
:key="Key">
<router-link :to="SupervisorCard.route" style="height: 100%;display:grid;">
<material-cards :title="SupervisorCard.title" :icon="SupervisorCard.icon"
:color="SupervisorCard.color"
:text="SupervisorCard.text" :aligntext="SupervisorCard.aligntext"
:alignimg="SupervisorCard.alignimg"/>
:color="SupervisorCard.color" :svg="SupervisorCard.svg"
:image="SupervisorCard.image" :text="SupervisorCard.text"
:aligntext="SupervisorCard.aligntext" :alignimg="SupervisorCard.alignimg"/>
</router-link>
</v-flex>
</template>
@@ -40,8 +40,8 @@
:key="Key">
<router-link :to="UsersCard.route" style="height: 100%;display:grid;">
<material-cards :title="UsersCard.title" :icon="UsersCard.icon" :color="UsersCard.color"
:text="UsersCard.text" :aligntext="UsersCard.aligntext"
:alignimg="UsersCard.alignimg"/>
:text="UsersCard.text" :aligntext="UsersCard.aligntext" :svg="UsersCard.svg"
:image="UsersCard.image" :alignimg="UsersCard.alignimg"/>
</router-link>
</v-flex>
</template>
@@ -140,8 +140,17 @@ export default {
},
{
title: `<span>Add A </span><br/><span>Test Result</span>`,
icon: 'fas fa-plus',
// image:'https://cdn.willaspace.com/cssd/static/image/svg/Plus-white.svg',
svg: ` <svg width="40" height="40" viewBox="0 0 777 777" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_93_57)">
<path d="M17.5938 388.5H759.406" stroke="white" stroke-width="30" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M388.5 17.5938V759.406" stroke="white" stroke-width="30" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_93_57">
<rect width="777" height="777" fill="white"/>
</clipPath>
</defs>
</svg>`,
color: 'black text-white',
route: {name: 'SubmitTestResult'},
aligntext: 'text-md-left',
@@ -173,8 +182,17 @@ export default {
},
{
title: `<span>Add new </span><br/><span>item</span>`,
icon: 'fas fa-plus',
// image:'https://cdn.willaspace.com/cssd/static/image/svg/Plus-white.svg',
svg: ` <svg width="40" height="40" viewBox="0 0 777 777" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_93_57)">
<path d="M17.5938 388.5H759.406" stroke="white" stroke-width="30" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M388.5 17.5938V759.406" stroke="white" stroke-width="30" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_93_57">
<rect width="777" height="777" fill="white"/>
</clipPath>
</defs>
</svg>`,
color: 'WM-CyanGradient-BG text-white',
route: {name: 'AddItem'},
aligntext: 'text-md-left',
@@ -206,8 +224,17 @@ export default {
},
{
title: `<span>Add new </span><br/><span>Package</span>`,
icon: 'fas fa-plus',
// image:'https://cdn.willaspace.com/cssd/static/image/svg/Plus-white.svg',
svg: ` <svg width="40" height="40" viewBox="0 0 777 777" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_93_57)">
<path d="M17.5938 388.5H759.406" stroke="white" stroke-width="30" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M388.5 17.5938V759.406" stroke="white" stroke-width="30" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_93_57">
<rect width="777" height="777" fill="white"/>
</clipPath>
</defs>
</svg>`,
color: 'WM-DeepBlueGradient-BG text-white',
route: {name: 'AddPackage'},
aligntext: 'text-md-left',
@@ -229,8 +256,17 @@ export default {
},
{
title: `<span>Add new </span><br/><span> label</span>`,
icon: 'fas fa-plus',
// image:'https://cdn.willaspace.com/cssd/static/image/svg/Plus-white.svg',
svg: ` <svg width="40" height="40" viewBox="0 0 777 777" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_93_57)">
<path d="M17.5938 388.5H759.406" stroke="white" stroke-width="30" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M388.5 17.5938V759.406" stroke="white" stroke-width="30" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_93_57">
<rect width="777" height="777" fill="white"/>
</clipPath>
</defs>
</svg>`,
color: 'WM-PurpleGradient-BG text-white',
route: {name: 'AddLabel'},
aligntext: 'text-md-left',
@@ -252,8 +288,17 @@ export default {
},
{
title: `<span>Add new </span><br/><span>cycle</span>`,
icon: 'fas fa-plus',
// image:'https://cdn.willaspace.com/cssd/static/image/svg/Plus-white.svg',
svg: ` <svg width="40" height="40" viewBox="0 0 777 777" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_93_57)">
<path d="M17.5938 388.5H759.406" stroke="white" stroke-width="30" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M388.5 17.5938V759.406" stroke="white" stroke-width="30" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_93_57">
<rect width="777" height="777" fill="white"/>
</clipPath>
</defs>
</svg>`,
color: 'WM-RedGradient-BG text-white',
route: {name: 'AddCycle'},
aligntext: 'text-md-left',