fix(nc-gui): some review changes

This commit is contained in:
Ramesh Mane
2025-08-21 07:57:24 +00:00
parent 635d99faa8
commit 3dcf49c68a
7 changed files with 113 additions and 84 deletions

View File

@@ -35,7 +35,7 @@ const bgColorClass = computed(() => {
:class="[
bgColorClass,
{
'rounded-lg': bgColorClass,
'rounded-l-lg': bgColorClass,
},
]"
:style="{
@@ -60,8 +60,8 @@ const bgColorClass = computed(() => {
:key="i"
class="flex-none w-3 h-3"
:class="{
'bg-green-600': i <= index,
'bg-nc-bg-gray-dark': i !== index,
'bg-green-600': i <= index + 1,
'bg-nc-bg-gray-dark': i > index + 1,
'rounded-l-full': i === 1,
'rounded-r-full': i === totalOptions,
}"

View File

@@ -35,7 +35,7 @@ const { option } = toRefs(props)
<style lang="scss" scoped>
.nc-onboarding-option {
@apply flex items-center gap-2.5 px-3 py-2 border-1 border-nc-border-gray-medium rounded-lg cursor-pointer select-none transition-all duration-250;
@apply bg-white flex items-center gap-2.5 px-3 py-2 overflow-hidden border-1 border-nc-border-gray-medium rounded-lg cursor-pointer select-none transition-all duration-250;
box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.08);
@@ -43,6 +43,10 @@ const { option } = toRefs(props)
@apply bg-nc-bg-gray-extralight;
}
&.nc-has-icon-bg-color {
@apply !py-0 !pl-0;
}
&.nc-selected {
@apply border-nc-border-brand bg-nc-bg-brand !shadow-selected;
}