This commit is contained in:
yoy 2025-10-17 15:58:34 +02:00
parent 0d9d26af87
commit 3c21fc2b2b
5 changed files with 6 additions and 6 deletions

View file

@ -87,7 +87,7 @@ export class BubbleTextField<T> implements ClassComponent<BubbleTextFieldAttrs<T
return m(".flex.overflow-hidden.items-end", [ return m(".flex.overflow-hidden.items-end", [
m(".flex-no-grow-shrink-auto.overflow-hidden", m(BaseButton, baseButtonAttrs)), m(".flex-no-grow-shrink-auto.overflow-hidden", m(BaseButton, baseButtonAttrs)),
// Comma is shown when there's text/another bubble afterwards or if the field is active // Comma is shown when there's text/another bubble afterwards or if the field is active
this.active || idx < items.length - 1 || attrs.text !== "" ? m("span.pr", ",") : null, this.active || idx < items.length - 1 || attrs.text !== "" ? m("span.pr-12", ",") : null,
]) ])
}) })
}, },

View file

@ -171,7 +171,7 @@ export class PersonalPaidPlanBox implements Component<PersonalPlanBoxAttrs> {
}, },
}), }),
m( m(
".flex.mt-s", ".flex.mt-8",
{ {
style: { style: {
"justify-content": position === "right" ? "start" : "end", "justify-content": position === "right" ? "start" : "end",
@ -183,7 +183,7 @@ export class PersonalPaidPlanBox implements Component<PersonalPlanBoxAttrs> {
? m(PlanBadge, { langKey: isCurrentPlan ? "pricing.currentPlan_label" : "unavailable_label" }) ? m(PlanBadge, { langKey: isCurrentPlan ? "pricing.currentPlan_label" : "unavailable_label" })
: m(".smaller", lang.get(planConfig.tagLine)), : m(".smaller", lang.get(planConfig.tagLine)),
), ),
m(".flex-space-between.gap-hpad.mt.mb", { style: { "flex-direction": position === "right" ? "row-reverse" : "row" } }, [ m(".flex-space-between.gap-hpad.mt-16.mb-16", { style: { "flex-direction": position === "right" ? "row-reverse" : "row" } }, [
m( m(
"", "",
{ {

View file

@ -104,7 +104,7 @@ export class PersonalPlanContainer implements Component<PlanBoxContainerAttrs> {
}, },
}: Vnode<PlanBoxContainerAttrs>): Children { }: Vnode<PlanBoxContainerAttrs>): Children {
return m( return m(
`.flex-column${allowSwitchingPaymentInterval ? "" : ".mt"}`, `.flex-column${allowSwitchingPaymentInterval ? "" : ".mt-16"}`,
{ {
"data-testid": "dialog:select-subscription", "data-testid": "dialog:select-subscription",
style: { style: {

View file

@ -12,7 +12,7 @@ interface PlanSelectorHeadlineAttrs {
export class PlanSelectorHeadline implements Component<PlanSelectorHeadlineAttrs> { export class PlanSelectorHeadline implements Component<PlanSelectorHeadlineAttrs> {
view({ attrs: { translation, icon } }: Vnode<PlanSelectorHeadlineAttrs>) { view({ attrs: { translation, icon } }: Vnode<PlanSelectorHeadlineAttrs>) {
return m( return m(
".flex-center.items-center.gap-vpad-xs.mb", ".flex-center.items-center.gap-vpad-xs.mb-16",
{ {
style: { style: {
background: theme.surface_container, background: theme.surface_container,

View file

@ -66,7 +66,7 @@ export class SearchBarOverlay implements Component<SearchBarOverlayAttrs> {
]), ]),
searchInOurAppsElement && searchInOurAppsElement &&
m( m(
".bottom.small.pt-8.pb-8.plr.text-center", ".bottom.small.pt-8.pb-8.plr-12.text-center",
{ {
// avoid closing overlay before the click event can be received // avoid closing overlay before the click event can be received
onmousedown: (e: MouseEvent) => e.preventDefault(), onmousedown: (e: MouseEvent) => e.preventDefault(),