|
1 | 1 | <ui:UXML xmlns:ui="UnityEngine.UIElements"> |
2 | | - <ui:VisualElement name="settings-overlay" class="overlay-container" style="display: none;"> |
| 2 | + <ui:VisualElement name="settings-overlay" class="overlay-container" style="display: flex;"> |
3 | 3 |
|
4 | 4 | <ui:VisualElement class="settings-box"> |
5 | 5 |
|
6 | 6 | <!-- HEADER & TABS --> |
7 | 7 | <ui:VisualElement class="settings-header-area"> |
8 | 8 | <ui:Label text="SETTINGS" style="font-size: 24px; color: cyan;" /> |
9 | | - |
10 | 9 | <ui:VisualElement class="tabs-container"> |
11 | 10 | <ui:Button text="GAMEPLAY" name="tab-game" class="tab-button tab-active" /> |
12 | 11 | <ui:Button text="USER PROFILE" name="tab-user" class="tab-button" /> |
|
16 | 15 | <!-- CONTENT AREA --> |
17 | 16 | <ui:VisualElement class="settings-content-area"> |
18 | 17 |
|
19 | | - <!-- TAB 1: OYUN AYARLARI --> |
20 | | - <ui:VisualElement name="content-gameplay" style="display: flex;"> |
| 18 | + <!-- TAB 1: GAMEPLAY (Dokunulmadı) --> |
| 19 | + <ui:VisualElement name="content-gameplay" style="display: none;"> |
21 | 20 | <ui:Label text="AUDIO & VIDEO" style="color: #888; margin-bottom: 20px;" /> |
22 | | - |
23 | 21 | <ui:VisualElement class="row"> |
24 | 22 | <ui:Label text="MASTER VOLUME" class="setting-label" /> |
25 | 23 | <ui:Slider name="slider-master-volume" high-value="1" low-value="0" value="0.75" style="width: 300px;" /> |
26 | 24 | </ui:VisualElement> |
27 | | - |
28 | 25 | <ui:VisualElement class="row"> |
29 | 26 | <ui:Label text="MUSIC VOLUME" class="setting-label" /> |
30 | 27 | <ui:Slider name="slider-music-volume" high-value="1" low-value="0" value="0.60" style="width: 300px;" /> |
31 | 28 | </ui:VisualElement> |
32 | | - |
33 | 29 | <ui:VisualElement class="row"> |
34 | 30 | <ui:Label text="FULLSCREEN" class="setting-label" /> |
35 | 31 | <ui:Toggle name="toggle-fullscreen" /> |
36 | 32 | </ui:VisualElement> |
37 | 33 | </ui:VisualElement> |
38 | 34 |
|
39 | | - <!-- TAB 2: --> |
40 | | - <ui:VisualElement name="content-user" style="display: none;"> |
| 35 | + <!-- TAB 2: USER PROFILE (DÜZELTİLDİ) --> |
| 36 | + <ui:VisualElement name="content-user" style="display: flex;"> |
41 | 37 | <ui:Label text="ACCOUNT SETTINGS" style="color: #888; margin-bottom: 20px;" /> |
42 | 38 |
|
| 39 | + <!-- Satır 1: Username --> |
43 | 40 | <ui:VisualElement class="row"> |
44 | 41 | <ui:Label text="USERNAME" class="setting-label" /> |
45 | 42 | <ui:TextField name="input-username" value="" class="sci-fi-input" /> |
46 | 43 | </ui:VisualElement> |
47 | 44 |
|
| 45 | + <!-- Satır 2: Avatar --> |
48 | 46 | <ui:VisualElement class="row"> |
49 | 47 | <ui:Label text="AVATAR" class="setting-label" /> |
50 | 48 | <ui:VisualElement class="avatar-selector" style="flex-direction: row; align-items: center;"> |
51 | | - <ui:Button name="btn-avatar-prev" class="arrow-btn" text="◀" style="font-size: 24px; width: 40px; height: 40px;" /> |
52 | | - <ui:VisualElement name="current-avatar-container" style="margin-left: 10px; margin-right: 10px;"> |
| 49 | + <ui:Button name="btn-avatar-prev" class="arrow-btn" text="<" style="font-size: 24px; width: 40px; height: 40px;" /> |
| 50 | + <ui:VisualElement name="current-avatar-container" style="margin-left: 10px; margin-right: 10px; flex-direction: column; align-items: center;"> |
53 | 51 | <ui:Image name="current-avatar-image" style="width: 64px; height: 64px; border-width: 2px; border-color: cyan;" /> |
54 | 52 | </ui:VisualElement> |
55 | | - <ui:Button name="btn-avatar-next" class="arrow-btn" text="▶" style="font-size: 24px; width: 40px; height: 40px;" /> |
| 53 | + <ui:Button name="btn-avatar-next" class="arrow-btn" text=">" style="font-size: 24px; width: 40px; height: 40px;" /> |
| 54 | + </ui:VisualElement> |
| 55 | + </ui:VisualElement> |
| 56 | + |
| 57 | + <!-- Satır 3: FACTION SELECTOR (YENİ VE DÜZGÜN YAPI) --> |
| 58 | + <!-- Artık .row yerine .faction-row kullanıyoruz --> |
| 59 | + <ui:VisualElement class="faction-row"> |
| 60 | + |
| 61 | + <!-- Sol Taraf: Etiket --> |
| 62 | + <ui:Label text="SELECT FACTION" class="setting-label" style="width: 150px; white-space: normal;" /> |
| 63 | + |
| 64 | + <!-- Sağ Taraf: Seçim Mekanizması --> |
| 65 | + <ui:VisualElement class="faction-selector-container"> |
| 66 | + |
| 67 | + <!-- Sol Büyük Ok --> |
| 68 | + <ui:Button name="btn-faction-prev" text="<" class="faction-nav-btn" /> |
| 69 | + |
| 70 | + <!-- Orta Kart --> |
| 71 | + <ui:VisualElement name="current-faction-container" class="faction-card"> |
| 72 | + <ui:Image name="faction-icon" class="faction-card-icon" /> |
| 73 | + <ui:Label name="faction-name-label" text="THE IRON LEGION" class="faction-card-title" /> |
| 74 | + <ui:Label name="faction-desc-label" text="Heavy armor and defensive tactics dominate the battlefield." class="faction-card-desc" /> |
| 75 | + </ui:VisualElement> |
| 76 | + |
| 77 | + <!-- Sağ Büyük Ok --> |
| 78 | + <ui:Button name="btn-faction-next" text=">" class="faction-nav-btn" /> |
| 79 | + |
56 | 80 | </ui:VisualElement> |
57 | 81 | </ui:VisualElement> |
58 | 82 |
|
59 | | - <ui:Button name="btn-update-username" text="UPDATE PROFILE" class="action-btn" style="width: 200px; margin-top: 20px;" /> |
| 83 | + <ui:Button name="btn-update-username" text="UPDATE PROFILE" class="action-btn" style="width: 200px; margin-top: 10px;" /> |
60 | 84 | </ui:VisualElement> |
61 | 85 |
|
62 | 86 | </ui:VisualElement> |
|
0 commit comments