40 lines
2.7 KiB
Plaintext
40 lines
2.7 KiB
Plaintext
<ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:uie="UnityEditor.UIElements" editor-extension-mode="False">
|
|
<Style src="project:/Assets/UI/Global.uss" />
|
|
<ui:VisualElement name="SettingsRoot" class="screen-root" picking-mode="Position" style="background-color: rgba(0, 0, 0, 0.7); justify-content: flex-start; align-items: stretch;">
|
|
<ui:VisualElement name="Sidebar" picking-mode="Position" class="panel-glass border-accent" style="width: 40%; height: 100%; flex-direction: row; padding: 0; border-radius: 0 30px 30px 0; border-right-width: 3px; border-left-width: 0; border-top-width: 0; border-bottom-width: 0; min-width: 500px;">
|
|
<!-- Tabs Column (The Smart Sidebar) -->
|
|
<ui:VisualElement name="TabsColumn" class="sidebar-tabs-container sidebar-collapsed">
|
|
<ui:Button name="GeneralTab" class="sidebar-tab active-tab">
|
|
<ui:VisualElement class="tab-icon-box"><ui:VisualElement class="tab-icon" /></ui:VisualElement>
|
|
<ui:Label text="GENERAL" class="tab-label" />
|
|
</ui:Button>
|
|
<ui:Button name="VideoTab" class="sidebar-tab">
|
|
<ui:VisualElement class="tab-icon-box"><ui:VisualElement class="tab-icon" /></ui:VisualElement>
|
|
<ui:Label text="VIDEO" class="tab-label" />
|
|
</ui:Button>
|
|
<ui:Button name="SoundTab" class="sidebar-tab">
|
|
<ui:VisualElement class="tab-icon-box"><ui:VisualElement class="tab-icon" /></ui:VisualElement>
|
|
<ui:Label text="SOUND" class="tab-label" />
|
|
</ui:Button>
|
|
<ui:Button name="ControlTab" class="sidebar-tab">
|
|
<ui:VisualElement class="tab-icon-box"><ui:VisualElement class="tab-icon" /></ui:VisualElement>
|
|
<ui:Label text="CONTROL" class="tab-label" />
|
|
</ui:Button>
|
|
|
|
<ui:VisualElement style="flex-grow: 1;" />
|
|
<ui:Button name="CloseSettingsBtn" class="button-spring btn-icon-only" style="margin: 20px;">
|
|
<ui:VisualElement class="tab-icon" style="background-image: none;" />
|
|
</ui:Button>
|
|
</ui:VisualElement>
|
|
|
|
<!-- Details Column -->
|
|
<ui:VisualElement name="DetailsColumn" class="settings-details-column" style="min-width: 320px;">
|
|
<ui:Label name="TabTitle" text="GENERAL" class="text-heading" />
|
|
<ui:ScrollView name="SettingsContent" class="scroll-list" style="flex-grow: 1;">
|
|
<!-- Content will be injected here -->
|
|
</ui:ScrollView>
|
|
</ui:VisualElement>
|
|
</ui:VisualElement>
|
|
</ui:VisualElement>
|
|
</ui:UXML>
|