mirror of https://github.com/nocodb/nocodb
Wing-Kam Wong
1 year ago
9 changed files with 37 additions and 42 deletions
@ -1,31 +1,33 @@ |
|||||||
<script lang="ts" setup> |
<script lang="ts" setup> |
||||||
|
import { computed } from 'vue' |
||||||
import { computed } from 'vue'; |
|
||||||
|
|
||||||
const props = defineProps<{ |
const props = defineProps<{ |
||||||
color: string |
color: string |
||||||
}>() |
}>() |
||||||
</script> |
</script> |
||||||
|
|
||||||
<template> |
<template> |
||||||
<div class="badge-color" :class="{ |
<div |
||||||
'border-purple-500': props.color === 'purple', |
class="badge-color" |
||||||
'bg-purple-100': props.color === 'purple', |
:class="{ |
||||||
'border-blue-500': props.color === 'blue', |
'border-purple-500': props.color === 'purple', |
||||||
'bg-blue-100': props.color === 'blue', |
'bg-purple-100': props.color === 'purple', |
||||||
'border-green-500': props.color === 'green', |
'border-blue-500': props.color === 'blue', |
||||||
'bg-green-100': props.color === 'green', |
'bg-blue-100': props.color === 'blue', |
||||||
'border-orange-500': props.color === 'orange', |
'border-green-500': props.color === 'green', |
||||||
'bg-orange-100': props.color === 'orange', |
'bg-green-100': props.color === 'green', |
||||||
'border-yellow-500': props.color === 'yellow', |
'border-orange-500': props.color === 'orange', |
||||||
'bg-yellow-100': props.color === 'yellow', |
'bg-orange-100': props.color === 'orange', |
||||||
}"> |
'border-yellow-500': props.color === 'yellow', |
||||||
<slot></slot> |
'bg-yellow-100': props.color === 'yellow', |
||||||
</div> |
}" |
||||||
|
> |
||||||
|
<slot></slot> |
||||||
|
</div> |
||||||
</template> |
</template> |
||||||
|
|
||||||
<style> |
<style> |
||||||
.badge-color { |
.badge-color { |
||||||
@apply mt-1 border w-23 h-6 rounded-lg; |
@apply mt-1 border w-23 h-6 rounded-lg; |
||||||
} |
} |
||||||
</style> |
</style> |
||||||
|
@ -1,15 +1,13 @@ |
|||||||
<template> |
|
||||||
<div class="p-4"> |
|
||||||
<!--<WorkspaceProjectList />--> |
|
||||||
</div> |
|
||||||
</template> |
|
||||||
|
|
||||||
<script> |
<script> |
||||||
export default { |
export default { |
||||||
name: "index" |
name: 'Index', |
||||||
} |
} |
||||||
</script> |
</script> |
||||||
|
|
||||||
<style scoped> |
<template> |
||||||
|
<div class="p-4"> |
||||||
|
<!-- <WorkspaceProjectList /> --> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
</style> |
<style scoped></style> |
||||||
|
Loading…
Reference in new issue