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> |
||||
|
||||
import { computed } from 'vue'; |
||||
import { computed } from 'vue' |
||||
|
||||
const props = defineProps<{ |
||||
color: string |
||||
color: string |
||||
}>() |
||||
</script> |
||||
|
||||
<template> |
||||
<div class="badge-color" :class="{ |
||||
'border-purple-500': props.color === 'purple', |
||||
'bg-purple-100': props.color === 'purple', |
||||
'border-blue-500': props.color === 'blue', |
||||
'bg-blue-100': props.color === 'blue', |
||||
'border-green-500': props.color === 'green', |
||||
'bg-green-100': props.color === 'green', |
||||
'border-orange-500': props.color === 'orange', |
||||
'bg-orange-100': props.color === 'orange', |
||||
'border-yellow-500': props.color === 'yellow', |
||||
'bg-yellow-100': props.color === 'yellow', |
||||
}"> |
||||
<slot></slot> |
||||
</div> |
||||
<div |
||||
class="badge-color" |
||||
:class="{ |
||||
'border-purple-500': props.color === 'purple', |
||||
'bg-purple-100': props.color === 'purple', |
||||
'border-blue-500': props.color === 'blue', |
||||
'bg-blue-100': props.color === 'blue', |
||||
'border-green-500': props.color === 'green', |
||||
'bg-green-100': props.color === 'green', |
||||
'border-orange-500': props.color === 'orange', |
||||
'bg-orange-100': props.color === 'orange', |
||||
'border-yellow-500': props.color === 'yellow', |
||||
'bg-yellow-100': props.color === 'yellow', |
||||
}" |
||||
> |
||||
<slot></slot> |
||||
</div> |
||||
</template> |
||||
|
||||
<style> |
||||
.badge-color { |
||||
@apply mt-1 border w-23 h-6 rounded-lg; |
||||
@apply mt-1 border w-23 h-6 rounded-lg; |
||||
} |
||||
</style> |
||||
|
@ -1,15 +1,13 @@
|
||||
<template> |
||||
<div class="p-4"> |
||||
<!--<WorkspaceProjectList />--> |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
name: "index" |
||||
name: 'Index', |
||||
} |
||||
</script> |
||||
|
||||
<style scoped> |
||||
<template> |
||||
<div class="p-4"> |
||||
<!-- <WorkspaceProjectList /> --> |
||||
</div> |
||||
</template> |
||||
|
||||
</style> |
||||
<style scoped></style> |
||||
|
Loading…
Reference in new issue