feat: replace border-left with logical properties
This commit is contained in:
parent
5cd256c485
commit
55180b60a1
|
|
@ -99,8 +99,8 @@ const baseStore = useBaseStore()
|
|||
margin-inline-end: 1rem;
|
||||
|
||||
&.is-loading::after {
|
||||
border-left-color: var(--grey-400);
|
||||
border-bottom-color: var(--grey-400);
|
||||
border-inline-start-color: var(--grey-400);
|
||||
border-block-end-color: var(--grey-400);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
'has-background': blurHashUrl !== '' || background !== null
|
||||
}"
|
||||
:style="{
|
||||
'border-left': project.hexColor ? `0.25rem solid ${project.hexColor}` : undefined,
|
||||
'border-inline-start': project.hexColor ? `0.25rem solid ${project.hexColor}` : undefined,
|
||||
'background-image': blurHashUrl !== '' ? `url(${blurHashUrl})` : undefined,
|
||||
}"
|
||||
>
|
||||
|
|
|
|||
|
|
@ -544,8 +544,8 @@ defineExpose({
|
|||
inset-inline-start: calc(50% - 1rem);
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
border-left-color: var(--grey-300);
|
||||
border-bottom-color: var(--grey-300);
|
||||
border-inline-start-color: var(--grey-300);
|
||||
border-block-end-color: var(--grey-300);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue