MkAsUi: Ui:C:container: align: 'right' not working

[hibiyasleep]

💡 Summary

Ui:C:container({
  align: 'right' // <- これ

misskey/packages/frontend/src/scripts/aiscript/ui.ts

Line 18 in 9845cce

align?: 'left' | 'center' | 'right';

align は 'left' | 'center' | 'right'ですが

misskey/packages/frontend/src/components/MkAsUi.vue

Line 42 in 9845cce

<div v-else-if="c.type === 'container'" :class="[$style.container, { [$style.fontSerif]: c.font === 'serif', [$style.fontMonospace]: c.font === 'monospace', [$style.containerCenter]: c.align === 'center' }]" :style="{ backgroundColor: c.bgColor ?? null, color: c.fgColor ?? null, borderWidth: c.borderWidth ? `${c.borderWidth}px` : 0, borderColor: c.borderColor ?? 'var(--divider)', padding: c.padding ? `${c.padding}px` : 0, borderRadius: c.rounded ? '8px' : 0 }">

c.align === 'center'にのみ対応しています

🥰 Expected Behavior

🤬 Actual Behavior

📝 Steps to Reproduce

Ui:render([
  Ui:C:container({
    align: 'center'
    children: [ Ui:C:text({ text: 'center' }) ]
  })
  Ui:C:container({
    align: 'right'
    children: [ Ui:C:text({ text: 'right' }) ]
  })
])

📌 Environment

💻 Frontend

• Model and OS of the device(s):
  anywhere (Windows 10, macOS 14, iOS 16, …)
• Browser:
  anywhere (Chrome 114, Safari 16, …)
• Server URL:
  anywhere (stella.place, k.lapy.link, …)
• Misskey:
  13.14.0-beta.2