Different sizes of border radius are used throughout the Appwrite UI according to the component size.
In Appwrite console we use 4 sizes of border radius:
||4px||Designed to soften the corners of small components, such as checkboxes, input fields, buttons, alerts and tooltips.|
||8px||Designed to soften the corners of small components that are part of a bigger one or for medium components, such as items in the sidebar menu and popovers.|
||16px||Used when a UI element is large or needs to float above the underlying UI, such as cards, modals and tables.|
||50%||Used only on specific elements that needs to be rounded, such as icon buttons, avatars, tags and switches.|
Tips to keep in mind while using border radius:
Use medium corner radius on large elements.
Do not use extra small or small corner radius on large elements, it will make them look too sharp and serious.