Update Setting
This commit is contained in:
@@ -67,6 +67,7 @@
|
||||
font-size: 18px;
|
||||
color: #eeeeee;
|
||||
-unity-font-style: normal;
|
||||
/* Giúp chữ mượt hơn */
|
||||
-unity-text-outline-width: 0.1px;
|
||||
-unity-text-outline-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
@@ -221,16 +222,17 @@ DropdownField:hover .unity-base-field__input {
|
||||
SMART SIDEBAR (STABLE OVERLAY SYSTEM)
|
||||
============================================================ */
|
||||
.sidebar-tabs-container {
|
||||
background-color: rgba(15, 15, 15, 0.98);
|
||||
background-color: rgb(10, 10, 10) !important; /* ĐEN ĐẶC TUYỆT ĐỐI */
|
||||
opacity: 1 !important;
|
||||
padding-top: 60px;
|
||||
border-right-width: 2px;
|
||||
border-right-color: rgba(0, 255, 204, 0.1);
|
||||
overflow: hidden;
|
||||
height: 100%;
|
||||
position: absolute; /* Phải là absolute để lướt đè */
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 100;
|
||||
z-index: 999; /* ƯU TIÊN HIỂN THỊ CAO NHẤT */
|
||||
}
|
||||
|
||||
.sidebar-collapsed {
|
||||
@@ -239,6 +241,7 @@ DropdownField:hover .unity-base-field__input {
|
||||
|
||||
.sidebar-expanded {
|
||||
border-right-color: #00ffcc;
|
||||
background-color: rgb(10, 10, 10) !important;
|
||||
}
|
||||
|
||||
.sidebar-tab {
|
||||
@@ -295,7 +298,7 @@ DropdownField:hover .unity-base-field__input {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
border-radius: 25px;
|
||||
margin: 15px auto;
|
||||
margin: 15px 15px;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
|
||||
@@ -1,8 +1,17 @@
|
||||
<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="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; position: relative;">
|
||||
|
||||
<!-- Details Column (Rendered FIRST = BOTTOM LAYER) -->
|
||||
<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>
|
||||
|
||||
<!-- Tabs Column (Rendered SECOND = TOP LAYER) -->
|
||||
<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>
|
||||
@@ -22,18 +31,11 @@
|
||||
</ui:Button>
|
||||
|
||||
<ui:VisualElement style="flex-grow: 1;" />
|
||||
<ui:Button name="CloseSettingsBtn" class="button-spring btn-icon-only" style="margin: 20px;">
|
||||
<ui:Button name="CloseSettingsBtn" class="button-spring btn-icon-only" style="margin-bottom: 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>
|
||||
|
||||
Reference in New Issue
Block a user