Conditional parametars

[laycookie]

Hello, I'm trying to make a LoginForm on the Login page never be larger then 512px, while taking up 50% of the width when it is smaller then 512px.
I expected this code to do the trick. But it makes LoginForm take 50% width at all times.

    enum Pages {
        Login,
        Chat,
    }

    export component MainWindow inherits Window {
        in-out property <Pages> current_page: Pages.Login;

        if (current_page == Pages.Login): LoginForm {
            max-width: 512px;
            width: 50%;
            service: "Discord";
        }

    }

So now I arrived to this, however it still doesn't work as the syntax for the if statement is wrong. So now I'm wondering if there is a way to have an if statement on just property without touching the component, and how would the correct version of this code look?

    enum Pages {
        Login,
        Chat,
    }

    export component MainWindow inherits Window {
        in-out property <Pages> current_page: Pages.Login;

        if (current_page == Pages.Login): LoginForm {
            if (root.width > 512) { width: 512px } else { width: 50% };
            service: "Discord";
        }

    }
``

[Vadoola]

This hasn't been tested, but you should be able to use the ternary operator:

 enum Pages {
        Login,
        Chat,
    }

    export component MainWindow inherits Window {
        in-out property <Pages> current_page: Pages.Login;

        if (current_page == Pages.Login): LoginForm {
            width: root.width > 512px ? 512px : root.width/2 ;
            service: "Discord";
        }

    }

[laycookie]

Thank you, didn't notice that slint supports ternary.