NarKampenTake2/Assets/UIDocument/LoginUIDocument.uxml

<ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:uie="UnityEditor.UIElements" editor-extension-mode="False">
    <Style src="project://database/Assets/UIDocument/Login.uss?fileID=7433441132597879392&amp;guid=4d2c10c2474ce3842949755483d662f2&amp;type=3#Login" />
    <ui:VisualElement style="justify-content: center; align-items: center; flex-grow: 1;">
        <ui:VisualElement name="LoginPanel" style="height: auto; align-items: center; justify-content: center; position: relative; display: flex;">
            <ui:Label text="Login" display-tooltip-when-elided="true" style="height: 34px; width: 314px; align-items: center; justify-content: center; position: relative; font-size: 24px; -unity-text-align: middle-center;" />
            <ui:TextField picking-mode="Ignore" text="Email" is-delayed="false" name="UsernameTextField" style="background-color: rgba(106, 106, 106, 0); justify-content: flex-start; align-items: center; width: 200px; min-height: 25px;" />
            <ui:TextField picking-mode="Ignore" value="filler text" text="placeholder" password="true" tabindex="1" usage-hints="None" name="PasswordTextField" style="background-color: rgba(106, 106, 106, 0); width: 200px; min-height: 25px; align-items: center;" />
            <ui:VisualElement name="LoginButtonPanel" style="height: 40px; width: 218px; flex-direction: row; align-items: center; justify-content: center;">
                <ui:Button text="Login" display-tooltip-when-elided="true" name="LoginButton" style="min-width: 100px;" />
                <ui:Button text="Register" display-tooltip-when-elided="true" name="RegisterButton" style="min-width: 100px;" />
            </ui:VisualElement>
            <ui:Label text="Warning text" display-tooltip-when-elided="true" name="WarningText" style="height: 17px; width: 204px; color: rgb(219, 22, 22); visibility: hidden; display: flex;" />
        </ui:VisualElement>
        <ui:VisualElement name="RegisterPanel" style="overflow: visible; visibility: visible; display: none; position: relative; justify-content: center; align-items: center;">
            <ui:Label text="Register" display-tooltip-when-elided="true" style="height: 34px; width: 314px; align-items: center; justify-content: center; position: relative; font-size: 24px; -unity-text-align: middle-center;" />
            <ui:TextField picking-mode="Ignore" value="filler text" text="Username" name="RegisterUsernameTextField" style="width: 200px; min-height: 25px;" />
            <ui:TextField picking-mode="Ignore" value="filler text" text="Email" name="RegisterEmailTextField" style="width: 200px; min-height: 25px;" />
            <ui:TextField picking-mode="Ignore" value="Password" text="Password" password="true" name="RegisterPasswordTextField" style="width: 200px; min-height: 25px;" />
            <ui:TextField picking-mode="Ignore" value="Password confirm" text="PasswordConfirm" password="true" name="RegisterPasswordConfirmTextField" style="width: 200px; min-height: 25px;" />
            <ui:VisualElement name="RegisterButtonPanel" style="flex-direction: row;">
                <ui:Button text="Register" display-tooltip-when-elided="true" name="RegisterOKButton" style="min-width: 100px;" />
                <ui:Button text="Back" display-tooltip-when-elided="true" name="RegisterBackButton" style="min-width: 100px;" />
            </ui:VisualElement>
            <ui:Label text="WarningText" display-tooltip-when-elided="true" name="RegisterWarningText" style="color: rgb(255, 28, 28); width: 200px; visibility: hidden; display: flex;" />
        </ui:VisualElement>
    </ui:VisualElement>
</ui:UXML>