fix: indicator widths
This commit is contained in:
parent
aeb89297ac
commit
b383026d38
1 changed files with 6 additions and 2 deletions
|
|
@ -149,11 +149,15 @@ export function DialogReleaseNotes(props: { release?: ReleaseNote }) {
|
||||||
{release.features.map((_, i) => (
|
{release.features.map((_, i) => (
|
||||||
<button
|
<button
|
||||||
type="button"
|
type="button"
|
||||||
class="w-8 h-6 flex items-center cursor-pointer bg-transparent border-none p-0"
|
class="h-6 flex items-center cursor-pointer bg-transparent border-none p-0 transition-all duration-200"
|
||||||
|
classList={{
|
||||||
|
"w-8": i === index(),
|
||||||
|
"w-3": i !== index(),
|
||||||
|
}}
|
||||||
onClick={() => setIndex(i)}
|
onClick={() => setIndex(i)}
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="w-full h-0.5 rounded-[1px] transition-colors"
|
class="w-full h-0.5 rounded-[1px] transition-colors duration-200"
|
||||||
classList={{
|
classList={{
|
||||||
"bg-icon-strong-base": i === index(),
|
"bg-icon-strong-base": i === index(),
|
||||||
"bg-icon-weak-base": i !== index(),
|
"bg-icon-weak-base": i !== index(),
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue