Commit 0121cb79 authored by Abdulrahman Mohammed's avatar Abdulrahman Mohammed

Done with profile image

parent f7d8c037
......@@ -163,7 +163,7 @@
</ui:VisualElement>
<ui:VisualElement name="MessagePanel" style="flex-grow: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.75); position: absolute; display: none; opacity: 0; align-items: center; justify-content: center;">
<ui:VisualElement name="Menu" class="padding" style="flex-grow: 0; background-color: rgb(255, 255, 255); height: auto; flex-shrink: 10; border-top-width: 0; border-right-width: 0; border-bottom-width: 7px; border-left-width: 0; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; padding-top: 50px; padding-right: 50px; padding-bottom: 50px; padding-left: 50px; justify-content: space-between; border-left-color: rgba(0, 0, 0, 0.25); border-right-color: rgba(0, 0, 0, 0.25); border-top-color: rgba(0, 0, 0, 0.25); border-bottom-color: rgba(0, 0, 0, 0.25); display: flex; width: 80%;">
<ui:Label text="يرجي التسجيل" name="MessageLabel" class="text-bold-black" style="color: rgb(66, 66, 66); align-self: center; font-size: 49px; white-space: pre-wrap;"/>
<ui:Label text="يرجي التسجيل" name="MessageLabel" class="text-bold-black" style="color: rgb(66, 66, 66); align-self: center; font-size: 49px; white-space: pre-wrap; -unity-text-align: middle-center;"/>
<ui:VisualElement name="Line" style="flex-grow: 0; width: 100%; background-color: rgba(0, 0, 0, 0.1); height: 2px; margin-top: 25px; margin-bottom: 25px;"/>
<ui:VisualElement style="flex-grow: 1; flex-direction: row-reverse;">
<ui:VisualElement name="BackToHome" style="flex-grow: 1; flex-direction: row-reverse; justify-content: space-around; display: none;">
......
......@@ -6,11 +6,14 @@
<ui:ScrollView horizontal-scroller-visibility="Hidden" vertical-scroller-visibility="Hidden">
<ui:VisualElement name="Header" style="flex-grow: 0; height: auto; background-color: rgb(48, 48, 208); border-bottom-right-radius: 75px; border-bottom-left-radius: 75px; justify-content: center; margin-top: 0; margin-bottom: 0; padding-top: 75px; padding-bottom: 75px;">
<ui:VisualElement name="PlayerDetails" style="flex-grow: 0; align-items: center; justify-content: space-around; margin-bottom: 0;">
<ui:VisualElement name="ProfileImage" style="flex-grow: 0; height: 300px; width: 200px; background-image: none; -unity-background-scale-mode: scale-to-fit; margin-left: 0; background-color: rgb(154, 130, 0); margin-top: 0; margin-right: 0; margin-bottom: 15px; flex-shrink: 0; border-left-color: rgb(0, 0, 0); border-right-color: rgb(0, 0, 0); border-top-color: rgb(0, 0, 0); border-bottom-color: rgb(0, 0, 0); border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; aspect-ratio: 1;">
<ui:VisualElement name="ProfileImage" style="flex-grow: 1; height: auto; width: initial; background-image: url(&quot;project://database/Assets/GUI%20PRO%20Kit%20-%20Simple%20Casual/Sprite/Demo/Demo_Character/UserPicture_01_Sample.png?fileID=2800000&amp;guid=358c17b4dd4c0461f8bcaf75f245f54e&amp;type=3#UserPicture_01_Sample&quot;); -unity-background-scale-mode: scale-to-fit; margin-left: 0; background-color: rgb(254, 215, 0); border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; margin-top: 0; margin-right: 0; margin-bottom: 0; flex-shrink: 0; border-left-color: rgba(255, 255, 255, 0.5); border-right-color: rgba(255, 255, 255, 0.5); border-top-color: rgba(255, 255, 255, 0.5); border-bottom-color: rgba(255, 255, 255, 0.5); border-top-width: 5px; border-right-width: 5px; border-bottom-width: 5px; border-left-width: 5px; translate: 0% -10px;">
<ui:Button text="" class="edit-photo" style="width: 80px; height: 80px;">
<ui:VisualElement name="ProfileImage" style="flex-grow: 0; height: 300px; width: 200px; background-image: none; -unity-background-scale-mode: scale-to-fit; margin-left: 0; background-color: rgba(0, 0, 0, 0.5); margin-top: 0; margin-right: 0; margin-bottom: 15px; flex-shrink: 0; border-left-color: rgb(0, 0, 0); border-right-color: rgb(0, 0, 0); border-top-color: rgb(0, 0, 0); border-bottom-color: rgb(0, 0, 0); border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; aspect-ratio: 1;">
<ui:VisualElement name="ProfileImage" style="flex-grow: 1; height: auto; width: initial; background-image: url(&quot;project://database/Assets/Art/download_52.jpg?fileID=2800000&amp;guid=e2f7d877c1a40ed4fb2c1e9eff097928&amp;type=3#download_52&quot;); -unity-background-scale-mode: scale-to-fit; margin-left: 0; background-color: rgb(254, 215, 0); border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; margin-top: 0; margin-right: 0; margin-bottom: 0; flex-shrink: 0; border-left-color: rgba(255, 255, 255, 0.5); border-right-color: rgba(255, 255, 255, 0.5); border-top-color: rgba(255, 255, 255, 0.5); border-bottom-color: rgba(255, 255, 255, 0.5); border-top-width: 5px; border-right-width: 5px; border-bottom-width: 5px; border-left-width: 5px; translate: 0% -10px;">
<ui:Button text="" name="OpenProfileImagePanel" class="edit-photo" style="width: 80px; height: 80px; display: flex;">
<ui:Label text="📷" class="emoji" style="font-size: 37px; translate: 0% -4px;"/>
</ui:Button>
<Bindings>
<ui:DataBinding property="style.backgroundImage" data-source-path="currentSprite" data-source="project://database/Assets/AppUI/Scripts/ProfileImage.asset?fileID=11400000&amp;guid=5c98d5192a02e9a4ea41b11a83d890ea&amp;type=2#ProfileImage" binding-mode="ToTarget"/>
</Bindings>
</ui:VisualElement>
</ui:VisualElement>
<ui:Label text="عبد الرحمن" name="Username" class="text-bold-black" style="color: rgb(255, 255, 255); font-size: 60px;"/>
......@@ -23,7 +26,7 @@
<ui:VisualElement style="flex-grow: 0; height: 100px; width: 100px; background-color: rgba(48, 48, 208, 0); align-items: center; justify-content: center; margin-right: 0; margin-left: 30px; border-top-left-radius: 25px; border-top-right-radius: 25px; border-bottom-right-radius: 25px; border-bottom-left-radius: 25px;">
<ui:Label text="✏️" name="icon" class="emoji" style="padding-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; font-size: 50px;"/>
</ui:VisualElement>
<ui:TextField label="" placeholder-text="" name="Name" hide-placeholder-on-focus="true" value="يوسف" class="text-bold" style="margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; width: auto; flex-grow: 1; -unity-text-align: upper-right; font-size: 40px; color: rgb(0, 0, 0); border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; height: 100%; border-top-left-radius: 25px; border-top-right-radius: 25px; border-bottom-right-radius: 25px; border-bottom-left-radius: 25px; flex-direction: column-reverse; display: flex;"/>
<ui:TextField label="" placeholder-text="" name="Name" hide-placeholder-on-focus="true" value="" class="text-bold" style="margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; width: auto; flex-grow: 1; -unity-text-align: upper-right; font-size: 40px; color: rgb(0, 0, 0); border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; height: 100%; border-top-left-radius: 25px; border-top-right-radius: 25px; border-bottom-right-radius: 25px; border-bottom-left-radius: 25px; flex-direction: column-reverse; display: flex;"/>
</ui:VisualElement>
<ui:VisualElement name="Line" style="flex-grow: 0; width: 100%; background-color: rgba(0, 0, 0, 0.1); height: 2px; margin-top: 25px; margin-bottom: 25px;"/>
<ui:Button text="" name="" class="row-btn" style="display: flex;">
......@@ -109,7 +112,11 @@
<ui:VisualElement name="VFX" picking-mode="Ignore" style="flex-grow: 0; position: absolute; height: 100%; width: 100%; background-image: url(&quot;project://database/Assets/AppUI/NewAppUI/DotFloating.renderTexture?fileID=8400000&amp;guid=038b07559aa3b7c40aa0c6d6f3af26e6&amp;type=2#DotFloating&quot;);"/>
<ui:VisualElement name="Header" class="padding" style="flex-grow: 0; height: 18%; background-color: rgb(48, 48, 208); border-bottom-right-radius: 75px; border-bottom-left-radius: 75px; flex-direction: row-reverse; align-items: center; overflow: hidden;">
<ui:VisualElement name="ImageParent" style="flex-grow: 0; height: 165px; aspect-ratio: 1; background-color: rgba(0, 0, 0, 0.5); border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; translate: 0% 0; width: 165px;">
<ui:VisualElement style="flex-grow: 1; background-image: url(&quot;project://database/Assets/GUI%20PRO%20Kit%20-%20Simple%20Casual/Preview/071_Play_Type_01.png?fileID=2800000&amp;guid=a63048482b8d74732959d94c54bf15fa&amp;type=3#071_Play_Type_01&quot;); translate: 0% -10px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; border-left-color: rgba(255, 255, 255, 0.7); border-right-color: rgba(255, 255, 255, 0.7); border-top-color: rgba(255, 255, 255, 0.7); border-bottom-color: rgba(255, 255, 255, 0.7); border-top-width: 5px; border-right-width: 5px; border-bottom-width: 5px; border-left-width: 5px;"/>
<ui:VisualElement style="flex-grow: 1; background-image: url(&quot;project://database/Assets/GUI%20PRO%20Kit%20-%20Simple%20Casual/Sprite/Demo/Demo_Character/CardCharacter_l_Sample04.png?fileID=2800000&amp;guid=6bc1b8ad7a39f45d6a92ed46a98f4b5d&amp;type=3#CardCharacter_l_Sample04&quot;); translate: 0% -10px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; border-left-color: rgba(255, 255, 255, 0.7); border-right-color: rgba(255, 255, 255, 0.7); border-top-color: rgba(255, 255, 255, 0.7); border-bottom-color: rgba(255, 255, 255, 0.7); border-top-width: 5px; border-right-width: 5px; border-bottom-width: 5px; border-left-width: 5px; -unity-background-scale-mode: scale-to-fit;">
<Bindings>
<ui:DataBinding property="style.backgroundImage" data-source-path="currentSprite" data-source="project://database/Assets/AppUI/Scripts/ProfileImage.asset?fileID=11400000&amp;guid=5c98d5192a02e9a4ea41b11a83d890ea&amp;type=2#ProfileImage" binding-mode="ToTarget"/>
</Bindings>
</ui:VisualElement>
<ui:VisualElement name="Rank" style="flex-grow: 0; height: 65px; width: 65px; background-color: rgb(254, 215, 0); position: absolute; bottom: -10px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; border-left-color: rgb(255, 255, 255); border-right-color: rgb(255, 255, 255); border-top-color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); border-top-width: 5px; border-right-width: 5px; border-bottom-width: 5px; border-left-width: 5px; left: -10px; overflow: hidden; align-items: center; justify-content: center; translate: 16% 0;">
<ui:Image source="project://database/Assets/GUI%20PRO%20Kit%20-%20Simple%20Casual/Sprite/Demo/Demo_ItemIcon_(OriginalSize)/itemicon_equipment_weapon_battle.png?fileID=2800000&amp;guid=69bb5c3ad6c164d4eb3ce2646e22eca6&amp;type=3#itemicon_equipment_weapon_battle" scale-mode="ScaleToFit" style="height: 40px; width: 40px;"/>
</ui:VisualElement>
......@@ -139,7 +146,7 @@
</ui:VisualElement>
<ui:VisualElement name="ButtonsParent" style="flex-grow: 0; margin-top: 75px; flex-direction: row-reverse; justify-content: space-between; margin-bottom: 75px; flex-shrink: 0;">
<ui:VisualElement name="ChallengeShadow" style="flex-grow: 1; background-color: rgba(254, 215, 0, 0.75); position: absolute; width: 47%; height: 500px; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; translate: 0% 14px; filter: blur(30);"/>
<ui:Button text="" name="Challenge" style="border-left-color: rgb(204, 172, 0); border-right-color: rgb(204, 172, 0); border-top-color: rgb(204, 172, 0); border-bottom-color: rgb(204, 172, 0); overflow: hidden;">
<ui:Button text="" name="OpenChallengePanel" style="border-left-color: rgb(204, 172, 0); border-right-color: rgb(204, 172, 0); border-top-color: rgb(204, 172, 0); border-bottom-color: rgb(204, 172, 0); overflow: hidden;">
<ui:VisualElement name="Padding" style="flex-grow: 1; align-items: center; justify-content: center;">
<ui:VisualElement name="Cir" style="flex-grow: 0; position: absolute; height: 300px; width: 300px; background-color: rgba(255, 255, 255, 0.25); border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; right: -79px; top: -94px; opacity: 0.5;">
<ui:VisualElement name="Cir" style="flex-grow: 0; position: absolute; height: 300px; width: 300px; background-color: rgba(255, 255, 255, 0.25); border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; right: -135px; top: 66px;"/>
......@@ -236,67 +243,97 @@
<ui:Button text="ابدأ اللعب" language-direction="RTL" icon-image="project://database/Assets/Art/export/1play_arrow@3x.png?fileID=2800000&amp;guid=6d5826bc619229448bdb7e8358848b85&amp;type=3#1play_arrow@3x" name="PlayButton" class="play-game-button"/>
</ui:VisualElement>
</ui:VisualElement>
<ui:VisualElement name="GameMenuChallenge" style="flex-grow: 0; width: 100%; height: 100%; background-color: rgb(255, 255, 255); position: absolute; display: none; opacity: 1;">
<ui:VisualElement name="Padding" class="padding" style="flex-grow: 1;">
<ui:Button name="CloseChallengePanel" class="button-icon" style="background-color: rgb(238, 238, 238); border-left-color: rgba(255, 255, 255, 0.25); border-right-color: rgba(255, 255, 255, 0.25); border-top-color: rgba(255, 255, 255, 0.25); border-bottom-color: rgba(255, 255, 255, 0.25); border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; border-top-left-radius: 40%; border-top-right-radius: 40%; border-bottom-right-radius: 40%; border-bottom-left-radius: 40%; background-image: url(&quot;project://database/Assets/Art/export/close@3x.png?fileID=2800000&amp;guid=d683a362bf1526f449695bffafe84b91&amp;type=3#close@3x&quot;); width: 100px; height: 100px; -unity-background-image-tint-color: rgb(66, 66, 66); background-size: 80% 80%; align-items: flex-end; align-self: flex-end; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0;"/>
<ui:VisualElement name="GameName" style="flex-grow: 0; align-items: center; margin-top: 57px;">
<ui:VisualElement name="ImageBackground" style="flex-grow: 0; background-image: none; height: 200px; width: 200px; background-color: rgb(245, 3, 45); border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; border-left-color: rgba(255, 255, 255, 0.25); border-right-color: rgba(255, 255, 255, 0.25); border-top-color: rgba(255, 255, 255, 0.25); border-bottom-color: rgba(255, 255, 255, 0.25); border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; align-items: center; justify-content: center;">
<ui:Image source="project://database/Assets/Art/export/emoji_events@3x.png?fileID=2800000&amp;guid=71ede504623fcb24eaca6ebcf545c812&amp;type=3#emoji_events@3x" name="GameImage" style="flex-grow: 0; height: 110px; width: 110px;"/>
</ui:VisualElement>
<ui:Label text="التحديات" name="GameName" class="base-text-bold text-bold" style="font-size: 60px; margin-top: 30px; color: rgb(66, 66, 66);"/>
<ui:Label text="العب وتحدي" language-direction="RTL" name="GameDescription" class="base-text-light text-bold-black" style="font-size: 30px; color: rgb(178, 178, 178);"/>
</ui:VisualElement>
<ui:VisualElement name="RulesText" style="flex-grow: 0; height: auto; background-color: rgb(238, 238, 238); margin-top: 40px; border-top-left-radius: 40px; border-top-right-radius: 40px; border-bottom-right-radius: 40px; border-bottom-left-radius: 40px;">
<ui:VisualElement name="Padding" class="padding" style="flex-grow: 1; padding-top: 25px; padding-right: 25px; padding-bottom: 25px; padding-left: 25px;">
<ui:VisualElement name="RulesIcon" style="flex-grow: 0; flex-direction: row-reverse; align-items: center; justify-content: flex-start; margin-bottom: 15px;">
<ui:Image source="project://database/Assets/Art/export/menu_book@3x.png?fileID=2800000&amp;guid=fa4613180b0310749834db9520c7840c&amp;type=3#menu_book@3x" tint-color="rgb(117, 117, 117)" name="Image" style="flex-grow: 0; height: 50px; width: 50px; margin-left: 10px;"/>
<ui:Label text="القواعد" class="text-bold-black" style="font-size: 35px; -unity-text-align: middle-right; color: rgb(178, 178, 178);"/>
</ui:VisualElement>
<ui:VisualElement name="RulesText" style="flex-grow: 1;">
<ui:Label text="سابق الزمن: لكل مهمة وقت محدد؛ السرعة هي مفتاح الفوز.&#10;&#10;عزز رصيدك: كل ثانية توفرها تمنحك نقاطاً إضافية تضاف لنتيجتك.&#10;&#10;انتزع القمة: راكم نقاطك لتفرض سيطرتك وتصل الي الصدارة." enable-rich-text="true" language-direction="RTL" name="Rules" parse-escape-sequences="true" class="text-bold-black" style="font-size: 35px; padding-right: 25px; -unity-font-definition: url(&quot;project://database/Assets/ALArcade/Hakwaty%20Font/TSHakwaty-DemiBold.otf?fileID=12800000&amp;guid=566b773a07b3d064aa1f4c6ef7b6f6fa&amp;type=3#TSHakwaty-DemiBold&quot;); -unity-paragraph-spacing: 30px; -unity-text-align: middle-right; white-space: pre-wrap;"/>
</ui:VisualElement>
</ui:VisualElement>
</ui:VisualElement>
<ui:Button text="ابدأ اللعب" language-direction="RTL" icon-image="project://database/Assets/Art/export/1play_arrow@3x.png?fileID=2800000&amp;guid=6d5826bc619229448bdb7e8358848b85&amp;type=3#1play_arrow@3x" name="Challenge" class="play-game-button"/>
</ui:VisualElement>
</ui:VisualElement>
<ui:VisualElement name="Cir" style="flex-grow: 0; position: absolute; height: 400px; width: 400px; background-color: rgba(255, 255, 255, 0.02); border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; right: auto; top: -309px; left: 40px;"/>
</ui:VisualElement>
<ui:VisualElement name="LeaderBoardRoot" style="flex-grow: 0; width: 100%; height: 100%;">
<ui:VisualElement name="Top3" style="height: 847px; margin-bottom: 54px; flex-shrink: 0;">
<ui:VisualElement name="Padding" class="padding" style="flex-grow: 1; padding-bottom: 0; overflow: visible; translate: 0% 0;">
<ui:VisualElement name="FilterRank" style="flex-grow: 0; justify-content: space-around; flex-direction: row-reverse; margin-bottom: 75px; display: none;">
<ui:ToggleButtonGroup label="">
<ui:Button text="الكل" language-direction="RTL" name="All" class="filter-rank-button"/>
<ui:Button text="هاوي" language-direction="RTL" name="Geek" class="filter-rank-button"/>
<ui:Button text="محترف" language-direction="RTL" name="Master" class="filter-rank-button"/>
<ui:Button text="أسطوري" language-direction="RTL" name="Master" class="filter-rank-button"/>
</ui:ToggleButtonGroup>
</ui:VisualElement>
<ui:VisualElement name="Top" style="flex-grow: 0; flex-direction: row; justify-content: space-evenly; width: 94%; height: 100%; align-self: center;">
<ui:VisualElement name="2" style="flex-grow: 0; width: 30%; height: 100%; align-self: flex-end; border-top-left-radius: 50px; border-top-right-radius: 50px; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; opacity: 1; justify-content: flex-end;">
<ui:VisualElement name="PlayerDetails" style="flex-grow: 1; align-items: center; justify-content: flex-end; margin-bottom: 10px;">
<ui:VisualElement name="ProfileImage" style="flex-grow: 0; height: 125px; width: 125px; background-image: none; -unity-background-scale-mode: scale-to-fit; margin-left: 0; background-color: rgb(33, 33, 144); margin-top: 0; margin-right: 0; margin-bottom: 15px; flex-shrink: 0; border-left-color: rgb(0, 0, 0); border-right-color: rgb(0, 0, 0); border-top-color: rgb(0, 0, 0); border-bottom-color: rgb(0, 0, 0); border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%;">
<ui:VisualElement name="ProfileImage" style="flex-grow: 0; height: 125px; width: 125px; background-image: url(&quot;project://database/Assets/GUI%20PRO%20Kit%20-%20Simple%20Casual/Sprite/Demo/Demo_Character/UserPicture_01_Sample.png?fileID=2800000&amp;guid=358c17b4dd4c0461f8bcaf75f245f54e&amp;type=3#UserPicture_01_Sample&quot;); -unity-background-scale-mode: scale-to-fit; margin-left: 0; background-color: rgb(48, 48, 211); border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; margin-top: 0; margin-right: 0; margin-bottom: 15px; flex-shrink: 0; border-left-color: rgb(255, 255, 255); border-right-color: rgb(255, 255, 255); border-top-color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); border-top-width: 5px; border-right-width: 5px; border-bottom-width: 5px; border-left-width: 5px; translate: 0% -10px;">
<ui:VisualElement name="Number" style="flex-grow: 0; height: 50px; width: 50px; bottom: 0; position: absolute; right: auto; background-color: rgb(48, 48, 211); border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; border-left-color: rgb(0, 0, 0); border-right-color: rgb(0, 0, 0); border-top-color: rgb(0, 0, 0); border-bottom-color: rgb(0, 0, 0); border-top-width: 5px; border-right-width: 5px; border-bottom-width: 5px; border-left-width: 5px; align-self: center; -unity-text-align: middle-center; translate: 0% 67%;">
<ui:Label text="2" class="text-bold-black" style="font-size: 35px; -unity-text-align: middle-center; translate: 0% 3px; color: rgb(255, 255, 255);"/>
<ui:VisualElement name="LeaderBoardRoot" style="flex-grow: 0; width: 100%; height: 100%; background-color: rgb(48, 48, 208);">
<ui:VisualElement name="Header" style="flex-grow: 0; height: 30%; background-color: rgb(48, 48, 208); border-bottom-right-radius: 75px; border-bottom-left-radius: 75px; justify-content: center; margin-top: 0; margin-bottom: 0; padding-top: 75px; padding-bottom: 75px;">
<ui:VisualElement name="PlayerDetails" style="flex-grow: 0; align-items: center; justify-content: space-around; margin-bottom: 0;">
<ui:Image source="project://database/Assets/GUI%20PRO%20Kit%20-%20Simple%20Casual/Sprite/Component/Icon_ItemIcons_(x2)/ItemIcons_128/itemicon_crown_1.png?fileID=2800000&amp;guid=a4b84d70bc0154802a1894f695875388&amp;type=3#itemicon_crown_1" style="aspect-ratio: 1; height: 291px;"/>
<ui:Label text="لوحة المتصدرين" name="Username" class="text-bold-black" style="color: rgb(255, 255, 255); font-size: 60px;"/>
</ui:VisualElement>
</ui:VisualElement>
<ui:ScrollView name="Leaderboard" horizontal-scroller-visibility="Hidden" vertical-scroller-visibility="Hidden" style="flex-grow: 1; background-color: rgb(238, 240, 248); border-top-left-radius: 100px; border-top-right-radius: 100px; padding-top: 50px; padding-bottom: 0;">
<ui:VisualElement name="Contant" class="padding" style="flex-grow: 1; padding-top: 75px; padding-right: 0; padding-bottom: 75px; padding-left: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0;">
<ui:VisualElement name="Top3" style="height: 621px; margin-bottom: 54px; flex-shrink: 0;">
<ui:VisualElement name="Padding" class="padding" style="flex-grow: 1; padding-bottom: 0; overflow: visible; translate: 0% 0; padding-top: 0;">
<ui:VisualElement name="FilterRank" style="flex-grow: 0; justify-content: space-around; flex-direction: row-reverse; margin-bottom: 75px; display: none;">
<ui:ToggleButtonGroup label="">
<ui:Button text="الكل" language-direction="RTL" name="All" class="filter-rank-button"/>
<ui:Button text="هاوي" language-direction="RTL" name="Geek" class="filter-rank-button"/>
<ui:Button text="محترف" language-direction="RTL" name="Master" class="filter-rank-button"/>
<ui:Button text="أسطوري" language-direction="RTL" name="Master" class="filter-rank-button"/>
</ui:ToggleButtonGroup>
</ui:VisualElement>
<ui:VisualElement name="Top" style="flex-grow: 0; flex-direction: row; justify-content: space-evenly; width: 94%; height: 100%; align-self: center;">
<ui:VisualElement name="2" style="flex-grow: 0; width: 30%; height: 100%; align-self: flex-end; border-top-left-radius: 50px; border-top-right-radius: 50px; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; opacity: 1; justify-content: flex-end;">
<ui:VisualElement name="PlayerDetails" style="flex-grow: 1; align-items: center; justify-content: flex-end; margin-bottom: 10px;">
<ui:VisualElement name="ProfileImage" style="flex-grow: 0; height: 125px; width: 125px; background-image: none; -unity-background-scale-mode: scale-to-fit; margin-left: 0; background-color: rgb(33, 33, 144); margin-top: 0; margin-right: 0; margin-bottom: 15px; flex-shrink: 0; border-left-color: rgb(0, 0, 0); border-right-color: rgb(0, 0, 0); border-top-color: rgb(0, 0, 0); border-bottom-color: rgb(0, 0, 0); border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%;">
<ui:VisualElement name="ProfileImage" style="flex-grow: 0; height: 125px; width: 125px; background-image: url(&quot;project://database/Assets/GUI%20PRO%20Kit%20-%20Simple%20Casual/Sprite/Demo/Demo_Character/UserPicture_01_Sample.png?fileID=2800000&amp;guid=358c17b4dd4c0461f8bcaf75f245f54e&amp;type=3#UserPicture_01_Sample&quot;); -unity-background-scale-mode: scale-to-fit; margin-left: 0; background-color: rgb(48, 48, 211); border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; margin-top: 0; margin-right: 0; margin-bottom: 15px; flex-shrink: 0; border-left-color: rgb(255, 255, 255); border-right-color: rgb(255, 255, 255); border-top-color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); border-top-width: 5px; border-right-width: 5px; border-bottom-width: 5px; border-left-width: 5px; translate: 0% -10px;">
<ui:VisualElement name="Number" style="flex-grow: 0; height: 50px; width: 50px; bottom: 0; position: absolute; right: auto; background-color: rgb(48, 48, 211); border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; border-left-color: rgb(0, 0, 0); border-right-color: rgb(0, 0, 0); border-top-color: rgb(0, 0, 0); border-bottom-color: rgb(0, 0, 0); border-top-width: 5px; border-right-width: 5px; border-bottom-width: 5px; border-left-width: 5px; align-self: center; -unity-text-align: middle-center; translate: 0% 67%;">
<ui:Label text="2" class="text-bold-black" style="font-size: 35px; -unity-text-align: middle-center; translate: 0% 3px; color: rgb(255, 255, 255);"/>
</ui:VisualElement>
</ui:VisualElement>
</ui:VisualElement>
<ui:Label text="عبد الرحمن" name="SecondName" class="text-bold-black"/>
<ui:Label text="16,230" name="SecondXp" class="text-light" style="color: rgba(153, 153, 153, 0.7);"/>
</ui:VisualElement>
<ui:VisualElement name="2" style="flex-grow: 0; background-color: rgb(48, 48, 211); width: 100%; height: 50%; align-self: flex-end; border-top-left-radius: 50px; border-top-right-radius: 50px; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; opacity: 1;"/>
</ui:VisualElement>
<ui:Label text="عبد الرحمن" name="SecondName" class="text-bold-black"/>
<ui:Label text="16,230" name="SecondXp" class="text-light" style="color: rgba(153, 153, 153, 0.7);"/>
</ui:VisualElement>
<ui:VisualElement name="2" style="flex-grow: 0; background-color: rgb(48, 48, 211); width: 100%; height: 50%; align-self: flex-end; border-top-left-radius: 50px; border-top-right-radius: 50px; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; opacity: 1;"/>
</ui:VisualElement>
<ui:VisualElement name="1" style="flex-grow: 0; width: 30%; height: 100%; align-self: flex-end; border-top-left-radius: 50px; border-top-right-radius: 50px; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; opacity: 1; justify-content: flex-end;">
<ui:VisualElement name="PlayerDetails" style="flex-grow: 1; align-items: center; justify-content: flex-end; margin-bottom: 10px;">
<ui:VisualElement name="ProfileImage" style="flex-grow: 0; height: 125px; width: 125px; background-image: none; -unity-background-scale-mode: scale-to-fit; margin-left: 0; background-color: rgb(154, 130, 0); margin-top: 0; margin-right: 0; margin-bottom: 15px; flex-shrink: 0; border-left-color: rgb(0, 0, 0); border-right-color: rgb(0, 0, 0); border-top-color: rgb(0, 0, 0); border-bottom-color: rgb(0, 0, 0); border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%;">
<ui:VisualElement name="ProfileImage" style="flex-grow: 0; height: 125px; width: 125px; background-image: url(&quot;project://database/Assets/GUI%20PRO%20Kit%20-%20Simple%20Casual/Sprite/Demo/Demo_Character/UserPicture_01_Sample.png?fileID=2800000&amp;guid=358c17b4dd4c0461f8bcaf75f245f54e&amp;type=3#UserPicture_01_Sample&quot;); -unity-background-scale-mode: scale-to-fit; margin-left: 0; background-color: rgb(254, 215, 0); border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; margin-top: 0; margin-right: 0; margin-bottom: 15px; flex-shrink: 0; border-left-color: rgb(255, 255, 255); border-right-color: rgb(255, 255, 255); border-top-color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); border-top-width: 5px; border-right-width: 5px; border-bottom-width: 5px; border-left-width: 5px; translate: 0% -10px;">
<ui:VisualElement name="Number" style="flex-grow: 0; height: 50px; width: 50px; bottom: 0; position: absolute; right: auto; background-color: rgb(254, 215, 0); border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; border-left-color: rgb(0, 0, 0); border-right-color: rgb(0, 0, 0); border-top-color: rgb(0, 0, 0); border-bottom-color: rgb(0, 0, 0); border-top-width: 5px; border-right-width: 5px; border-bottom-width: 5px; border-left-width: 5px; align-self: center; -unity-text-align: middle-center; translate: 0% 67%;">
<ui:Label text="1" class="text-bold-black" style="font-size: 35px; -unity-text-align: middle-center; translate: 0% 3px;"/>
<ui:VisualElement name="1" style="flex-grow: 0; width: 30%; height: 100%; align-self: flex-end; border-top-left-radius: 50px; border-top-right-radius: 50px; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; opacity: 1; justify-content: flex-end;">
<ui:VisualElement name="PlayerDetails" style="flex-grow: 1; align-items: center; justify-content: flex-end; margin-bottom: 10px;">
<ui:VisualElement name="ProfileImage" style="flex-grow: 0; height: 125px; width: 125px; background-image: none; -unity-background-scale-mode: scale-to-fit; margin-left: 0; background-color: rgb(154, 130, 0); margin-top: 0; margin-right: 0; margin-bottom: 15px; flex-shrink: 0; border-left-color: rgb(0, 0, 0); border-right-color: rgb(0, 0, 0); border-top-color: rgb(0, 0, 0); border-bottom-color: rgb(0, 0, 0); border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%;">
<ui:VisualElement name="ProfileImage" style="flex-grow: 0; height: 125px; width: 125px; background-image: url(&quot;project://database/Assets/GUI%20PRO%20Kit%20-%20Simple%20Casual/Sprite/Demo/Demo_Character/UserPicture_01_Sample.png?fileID=2800000&amp;guid=358c17b4dd4c0461f8bcaf75f245f54e&amp;type=3#UserPicture_01_Sample&quot;); -unity-background-scale-mode: scale-to-fit; margin-left: 0; background-color: rgb(254, 215, 0); border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; margin-top: 0; margin-right: 0; margin-bottom: 15px; flex-shrink: 0; border-left-color: rgb(255, 255, 255); border-right-color: rgb(255, 255, 255); border-top-color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); border-top-width: 5px; border-right-width: 5px; border-bottom-width: 5px; border-left-width: 5px; translate: 0% -10px;">
<ui:VisualElement name="Number" style="flex-grow: 0; height: 50px; width: 50px; bottom: 0; position: absolute; right: auto; background-color: rgb(254, 215, 0); border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; border-left-color: rgb(0, 0, 0); border-right-color: rgb(0, 0, 0); border-top-color: rgb(0, 0, 0); border-bottom-color: rgb(0, 0, 0); border-top-width: 5px; border-right-width: 5px; border-bottom-width: 5px; border-left-width: 5px; align-self: center; -unity-text-align: middle-center; translate: 0% 67%;">
<ui:Label text="1" class="text-bold-black" style="font-size: 35px; -unity-text-align: middle-center; translate: 0% 3px;"/>
</ui:VisualElement>
</ui:VisualElement>
</ui:VisualElement>
<ui:Label text="عبد الرحمن" name="FirstName" class="text-bold-black"/>
<ui:Label text="16,230" name="FirstXp" class="text-light" style="color: rgba(153, 153, 153, 0.7);"/>
</ui:VisualElement>
<ui:VisualElement name="1" style="flex-grow: 0; background-color: rgb(254, 215, 0); width: 100%; height: 60%; align-self: flex-end; border-top-left-radius: 50px; border-top-right-radius: 50px; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; opacity: 1;"/>
</ui:VisualElement>
<ui:Label text="عبد الرحمن" name="FirstName" class="text-bold-black"/>
<ui:Label text="16,230" name="FirstXp" class="text-light" style="color: rgba(153, 153, 153, 0.7);"/>
</ui:VisualElement>
<ui:VisualElement name="1" style="flex-grow: 0; background-color: rgb(254, 215, 0); width: 100%; height: 60%; align-self: flex-end; border-top-left-radius: 50px; border-top-right-radius: 50px; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; opacity: 1;"/>
</ui:VisualElement>
<ui:VisualElement name="3" style="flex-grow: 0; width: 30%; height: 100%; align-self: flex-end; border-top-left-radius: 50px; border-top-right-radius: 50px; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; opacity: 1; justify-content: flex-end;">
<ui:VisualElement name="PlayerDetails" style="flex-grow: 1; align-items: center; justify-content: flex-end; margin-bottom: 10px;">
<ui:VisualElement name="ProfileImage" style="flex-grow: 0; height: 125px; width: 125px; background-image: none; -unity-background-scale-mode: scale-to-fit; margin-left: 0; background-color: rgb(0, 85, 67); margin-top: 0; margin-right: 0; margin-bottom: 15px; flex-shrink: 0; border-left-color: rgb(0, 0, 0); border-right-color: rgb(0, 0, 0); border-top-color: rgb(0, 0, 0); border-bottom-color: rgb(0, 0, 0); border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%;">
<ui:VisualElement name="ProfileImage" style="flex-grow: 0; height: 125px; width: 125px; background-image: url(&quot;project://database/Assets/GUI%20PRO%20Kit%20-%20Simple%20Casual/Sprite/Demo/Demo_Character/UserPicture_01_Sample.png?fileID=2800000&amp;guid=358c17b4dd4c0461f8bcaf75f245f54e&amp;type=3#UserPicture_01_Sample&quot;); -unity-background-scale-mode: scale-to-fit; margin-left: 0; background-color: rgb(0, 137, 107); border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; margin-top: 0; margin-right: 0; margin-bottom: 15px; flex-shrink: 0; border-left-color: rgb(255, 255, 255); border-right-color: rgb(255, 255, 255); border-top-color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); border-top-width: 5px; border-right-width: 5px; border-bottom-width: 5px; border-left-width: 5px; translate: 0% -10px;">
<ui:VisualElement name="Number" style="flex-grow: 0; height: 50px; width: 50px; bottom: 0; position: absolute; right: auto; background-color: rgb(0, 137, 107); border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; border-left-color: rgb(0, 0, 0); border-right-color: rgb(0, 0, 0); border-top-color: rgb(0, 0, 0); border-bottom-color: rgb(0, 0, 0); border-top-width: 5px; border-right-width: 5px; border-bottom-width: 5px; border-left-width: 5px; align-self: center; -unity-text-align: middle-center; translate: 0% 67%;">
<ui:Label text="3" class="text-bold-black" style="font-size: 35px; -unity-text-align: middle-center; translate: 0% 3px; color: rgb(255, 255, 255);"/>
<ui:VisualElement name="3" style="flex-grow: 0; width: 30%; height: 100%; align-self: flex-end; border-top-left-radius: 50px; border-top-right-radius: 50px; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; opacity: 1; justify-content: flex-end;">
<ui:VisualElement name="PlayerDetails" style="flex-grow: 1; align-items: center; justify-content: flex-end; margin-bottom: 10px;">
<ui:VisualElement name="ProfileImage" style="flex-grow: 0; height: 125px; width: 125px; background-image: none; -unity-background-scale-mode: scale-to-fit; margin-left: 0; background-color: rgb(0, 85, 67); margin-top: 0; margin-right: 0; margin-bottom: 15px; flex-shrink: 0; border-left-color: rgb(0, 0, 0); border-right-color: rgb(0, 0, 0); border-top-color: rgb(0, 0, 0); border-bottom-color: rgb(0, 0, 0); border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%;">
<ui:VisualElement name="ProfileImage" style="flex-grow: 0; height: 125px; width: 125px; background-image: url(&quot;project://database/Assets/GUI%20PRO%20Kit%20-%20Simple%20Casual/Sprite/Demo/Demo_Character/UserPicture_01_Sample.png?fileID=2800000&amp;guid=358c17b4dd4c0461f8bcaf75f245f54e&amp;type=3#UserPicture_01_Sample&quot;); -unity-background-scale-mode: scale-to-fit; margin-left: 0; background-color: rgb(0, 137, 107); border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; margin-top: 0; margin-right: 0; margin-bottom: 15px; flex-shrink: 0; border-left-color: rgb(255, 255, 255); border-right-color: rgb(255, 255, 255); border-top-color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); border-top-width: 5px; border-right-width: 5px; border-bottom-width: 5px; border-left-width: 5px; translate: 0% -10px;">
<ui:VisualElement name="Number" style="flex-grow: 0; height: 50px; width: 50px; bottom: 0; position: absolute; right: auto; background-color: rgb(0, 137, 107); border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; border-left-color: rgb(0, 0, 0); border-right-color: rgb(0, 0, 0); border-top-color: rgb(0, 0, 0); border-bottom-color: rgb(0, 0, 0); border-top-width: 5px; border-right-width: 5px; border-bottom-width: 5px; border-left-width: 5px; align-self: center; -unity-text-align: middle-center; translate: 0% 67%;">
<ui:Label text="3" class="text-bold-black" style="font-size: 35px; -unity-text-align: middle-center; translate: 0% 3px; color: rgb(255, 255, 255);"/>
</ui:VisualElement>
</ui:VisualElement>
</ui:VisualElement>
<ui:Label text="عبد الرحمن" name="ThirdName" class="text-bold-black"/>
<ui:Label text="16,230" name="ThirdXp" class="text-light" style="color: rgba(153, 153, 153, 0.7);"/>
</ui:VisualElement>
<ui:VisualElement name="3" style="flex-grow: 0; background-color: rgb(0, 137, 107); width: 100%; height: 40%; align-self: flex-end; border-top-left-radius: 50px; border-top-right-radius: 50px; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; opacity: 1;"/>
</ui:VisualElement>
<ui:Label text="عبد الرحمن" name="ThirdName" class="text-bold-black"/>
<ui:Label text="16,230" name="ThirdXp" class="text-light" style="color: rgba(153, 153, 153, 0.7);"/>
</ui:VisualElement>
<ui:VisualElement name="3" style="flex-grow: 0; background-color: rgb(0, 137, 107); width: 100%; height: 40%; align-self: flex-end; border-top-left-radius: 50px; border-top-right-radius: 50px; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; opacity: 1;"/>
</ui:VisualElement>
</ui:VisualElement>
</ui:VisualElement>
</ui:VisualElement>
<ui:ScrollView name="Leaderboard" horizontal-scroller-visibility="Hidden" vertical-scroller-visibility="Hidden" style="flex-grow: 0;">
<ui:VisualElement name="Contant" class="padding" style="flex-grow: 1; padding-top: 75px; padding-right: 75px; padding-bottom: 75px; padding-left: 75px; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0;">
<CustomLeaderboardSlot/>
<CustomLeaderboardSlot is-owner="true"/>
<CustomLeaderboardSlot/>
......@@ -304,12 +341,14 @@
<CustomLeaderboardSlot/>
</ui:VisualElement>
</ui:ScrollView>
<ui:VisualElement name="Fade" style="flex-grow: 0; background-image: url(&quot;project://database/Assets/AppUI/Image/Transp4.png?fileID=2800000&amp;guid=9046ff72a71cb9f42bd69f32d5cc9a45&amp;type=3#Transp4&quot;); position: absolute; bottom: auto; width: 98%; height: 150px; -unity-background-image-tint-color: rgb(238, 240, 248); rotate: 180deg; top: 30%; border-bottom-right-radius: 100px; border-bottom-left-radius: 100px; align-self: center;"/>
<ui:VisualElement name="Fade" style="flex-grow: 0; background-image: url(&quot;project://database/Assets/AppUI/Image/Transp4.png?fileID=2800000&amp;guid=9046ff72a71cb9f42bd69f32d5cc9a45&amp;type=3#Transp4&quot;); position: absolute; bottom: 0; width: 100%; height: 100px; -unity-background-image-tint-color: rgb(238, 240, 248);"/>
</ui:VisualElement>
</ui:VisualElement>
<ui:VisualElement name="FooterShdow" style="flex-grow: 0; position: absolute; width: 100%; bottom: 0; background-color: rgba(0, 0, 0, 0.2); height: 10.3%; border-top-left-radius: 75px; border-top-right-radius: 75px; filter: blur(24.2);"/>
<ui:VisualElement name="Footer" style="flex-grow: 0; height: 10%; background-color: rgb(255, 255, 255); border-top-left-radius: 75px; border-top-right-radius: 75px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-width: 2px; border-left-color: rgba(0, 0, 0, 0.15); border-right-color: rgba(0, 0, 0, 0.15); border-top-color: rgba(0, 0, 0, 0.15); border-bottom-color: rgba(0, 0, 0, 0.15); display: flex;">
<ui:VisualElement name="ButtonBackground" style="flex-grow: 0; position: absolute; height: 100%; width: 320px; background-color: rgb(254, 220, 32); border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; align-self: center; border-top-width: 17px; border-right-width: 17px; border-bottom-width: 17px; border-left-width: 17px; border-left-color: rgb(0, 0, 0); border-right-color: rgb(0, 0, 0); border-top-color: rgb(0, 0, 0); border-bottom-color: rgb(0, 0, 0); translate: 0% -8%; transition-duration: 0.1s; visibility: hidden; display: flex;"/>
<ui:ToggleButtonGroup label="" name="ToggleButtonGroup" value="010" style="display: flex;">
<ui:ToggleButtonGroup label="" name="ToggleButtonGroup" value="001" style="display: flex;">
<ui:Button name="Button">
<ui:VisualElement style="flex-grow: 1; justify-content: center; align-items: center;">
<ui:Label text="" language-direction="RTL" name="Icon" style="margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; -unity-text-generator: advanced; background-image: url(&quot;project://database/Assets/GUI%20PRO%20Kit%20-%20Simple%20Casual/Sprite/Demo/Demo_ItemIcon_(OriginalSize)/itemicon_setting.png?fileID=2800000&amp;guid=19dc92e99f50b4124a6de10a707b3082&amp;type=3#itemicon_setting&quot;); height: 100px; width: 100px; aspect-ratio: 1; -unity-background-scale-mode: scale-to-fit;"/>
......@@ -347,7 +386,7 @@
</ui:VisualElement>
<ui:VisualElement name="MessagePanel" style="flex-grow: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.75); position: absolute; display: none; opacity: 0; align-items: center; justify-content: center;">
<ui:VisualElement name="Menu" class="padding" style="flex-grow: 0; background-color: rgb(255, 255, 255); height: auto; flex-shrink: 10; border-top-width: 0; border-right-width: 0; border-bottom-width: 7px; border-left-width: 0; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; padding-top: 50px; padding-right: 50px; padding-bottom: 50px; padding-left: 50px; justify-content: space-between; border-left-color: rgba(0, 0, 0, 0.25); border-right-color: rgba(0, 0, 0, 0.25); border-top-color: rgba(0, 0, 0, 0.25); border-bottom-color: rgba(0, 0, 0, 0.25); display: flex; width: 80%;">
<ui:Label text="يرجي التسجيل" name="MessageLabel" class="text-bold-black" style="color: rgb(66, 66, 66); align-self: center; font-size: 49px; white-space: pre-wrap;"/>
<ui:Label text="يرجي التسجيل" name="MessageLabel" class="text-bold-black" style="color: rgb(66, 66, 66); align-self: center; font-size: 49px; white-space: pre-wrap; -unity-text-align: middle-center;"/>
<ui:VisualElement name="Line" style="flex-grow: 0; width: 100%; background-color: rgba(0, 0, 0, 0.1); height: 2px; margin-top: 25px; margin-bottom: 25px;"/>
<ui:VisualElement style="flex-grow: 1; flex-direction: row-reverse;">
<ui:VisualElement name="BackToHome" style="flex-grow: 1; flex-direction: row-reverse; justify-content: space-around; display: none;">
......@@ -363,4 +402,29 @@
</ui:VisualElement>
</ui:VisualElement>
</ui:VisualElement>
<ui:VisualElement name="ProfileImagePanel" style="flex-grow: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.75); position: absolute; display: none; opacity: 0; align-items: center; justify-content: center;">
<ui:VisualElement name="Menu" class="padding" style="flex-grow: 0; background-color: rgb(255, 255, 255); height: auto; flex-shrink: 10; border-top-width: 0; border-right-width: 0; border-bottom-width: 7px; border-left-width: 0; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; padding-top: 50px; padding-right: 50px; padding-bottom: 50px; padding-left: 50px; justify-content: space-between; border-left-color: rgba(0, 0, 0, 0.25); border-right-color: rgba(0, 0, 0, 0.25); border-top-color: rgba(0, 0, 0, 0.25); border-bottom-color: rgba(0, 0, 0, 0.25); display: flex; width: 80%;">
<ui:Label text="يرجي اختيار صورة" name="Label" class="text-bold-black" style="color: rgb(66, 66, 66); align-self: center; font-size: 49px; white-space: pre-wrap; -unity-text-align: middle-center;"/>
<ui:VisualElement name="Line" style="flex-grow: 0; width: 100%; background-color: rgba(0, 0, 0, 0.1); height: 2px; margin-top: 25px; margin-bottom: 25px;"/>
<ui:ToggleButtonGroup label="" name="Images" allow-empty-selection="true" value="0000" style="overflow: visible; opacity: 1;">
<ui:Button text="" style="background-image: url(&quot;project://database/Assets/GUI%20PRO%20Kit%20-%20Simple%20Casual/Sprite/Demo/Demo_Character/CardCharacter_l_Sample01.png?fileID=2800000&amp;guid=cae1908ef32d7457e8c9d9e772b22e61&amp;type=3#CardCharacter_l_Sample01&quot;);"/>
<ui:Button text="" style="background-image: url(&quot;project://database/Assets/GUI%20PRO%20Kit%20-%20Simple%20Casual/Sprite/Demo/Demo_Character/CardCharacter_l_Sample02.png?fileID=2800000&amp;guid=1e7151342e980464a88db1ae971d80f7&amp;type=3#CardCharacter_l_Sample02&quot;);"/>
<ui:Button text="" style="background-image: url(&quot;project://database/Assets/GUI%20PRO%20Kit%20-%20Simple%20Casual/Sprite/Demo/Demo_Character/CardCharacter_l_Sample03.png?fileID=2800000&amp;guid=88226c8eea17e482f9bff333a713189a&amp;type=3#CardCharacter_l_Sample03&quot;);"/>
<ui:Button text="" style="background-image: url(&quot;project://database/Assets/GUI%20PRO%20Kit%20-%20Simple%20Casual/Sprite/Demo/Demo_Character/CardCharacter_l_Sample04.png?fileID=2800000&amp;guid=6bc1b8ad7a39f45d6a92ed46a98f4b5d&amp;type=3#CardCharacter_l_Sample04&quot;);"/>
</ui:ToggleButtonGroup>
<ui:VisualElement name="Line" style="flex-grow: 0; width: 100%; background-color: rgba(0, 0, 0, 0.1); height: 2px; margin-top: 25px; margin-bottom: 25px;"/>
<ui:VisualElement name="Buttons" style="flex-grow: 1; flex-direction: row-reverse;">
<ui:VisualElement name="BackToHome" style="flex-grow: 1; flex-direction: row-reverse; justify-content: space-around; display: flex;">
<ui:VisualElement name="Parent" style="width: 250px; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; justify-content: center; display: flex;">
<ui:Button text="تأكيد" name="SureImage" language-direction="RTL" class="action-btn" style="background-color: rgb(0, 137, 107); color: rgb(255, 255, 255); -unity-font-definition: url(&quot;project://database/Assets/ALArcade/Hakwaty%20Font/TSHakwaty-ExtraBold.otf?fileID=12800000&amp;guid=9edc60294a97d7f4e87aee01d4e4d689&amp;type=3#TSHakwaty-ExtraBold&quot;); font-size: 55px; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; height: 140px; -unity-text-generator: advanced; display: flex;"/>
</ui:VisualElement>
</ui:VisualElement>
<ui:VisualElement name="Buttons" style="flex-grow: 1; flex-direction: row-reverse; justify-content: space-around; display: flex;">
<ui:VisualElement name="Button" style="width: 250px; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; justify-content: center;">
<ui:Button text="الغاء" name="CloseProfileImagePanel" language-direction="RTL" class="action-btn" style="background-color: rgb(245, 3, 45); color: rgb(255, 255, 255); -unity-font-definition: url(&quot;project://database/Assets/ALArcade/Hakwaty%20Font/TSHakwaty-ExtraBold.otf?fileID=12800000&amp;guid=9edc60294a97d7f4e87aee01d4e4d689&amp;type=3#TSHakwaty-ExtraBold&quot;); font-size: 55px; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; height: 140px; -unity-text-generator: advanced;"/>
</ui:VisualElement>
</ui:VisualElement>
</ui:VisualElement>
</ui:VisualElement>
</ui:VisualElement>
</ui:UXML>
......@@ -453,6 +453,52 @@ Transform:
m_CorrespondingSourceObject: {fileID: 6955428004947038011, guid: 6b616f783aad2ab4a81fd452786f2041, type: 3}
m_PrefabInstance: {fileID: 111992661}
m_PrefabAsset: {fileID: 0}
--- !u!1 &373486798
GameObject:
m_ObjectHideFlags: 0
m_CorrespondingSourceObject: {fileID: 0}
m_PrefabInstance: {fileID: 0}
m_PrefabAsset: {fileID: 0}
serializedVersion: 6
m_Component:
- component: {fileID: 373486799}
- component: {fileID: 373486800}
m_Layer: 0
m_Name: _selectImage
m_TagString: Untagged
m_Icon: {fileID: 0}
m_NavMeshLayer: 0
m_StaticEditorFlags: 0
m_IsActive: 1
--- !u!4 &373486799
Transform:
m_ObjectHideFlags: 0
m_CorrespondingSourceObject: {fileID: 0}
m_PrefabInstance: {fileID: 0}
m_PrefabAsset: {fileID: 0}
m_GameObject: {fileID: 373486798}
serializedVersion: 2
m_LocalRotation: {x: 0, y: 0, z: 0, w: 1}
m_LocalPosition: {x: 0, y: 0, z: 0}
m_LocalScale: {x: 1, y: 1, z: 1}
m_ConstrainProportionsScale: 0
m_Children: []
m_Father: {fileID: 652396694}
m_LocalEulerAnglesHint: {x: 0, y: 0, z: 0}
--- !u!114 &373486800
MonoBehaviour:
m_ObjectHideFlags: 0
m_CorrespondingSourceObject: {fileID: 0}
m_PrefabInstance: {fileID: 0}
m_PrefabAsset: {fileID: 0}
m_GameObject: {fileID: 373486798}
m_Enabled: 1
m_EditorHideFlags: 0
m_Script: {fileID: 11500000, guid: 5efe3fe5e95adac4a9119b0e765c1abd, type: 3}
m_Name:
m_EditorClassIdentifier: Assembly-CSharp::SelectImage
UIDocument: {fileID: 1455761156}
profileImage: {fileID: 11400000, guid: 5c98d5192a02e9a4ea41b11a83d890ea, type: 2}
--- !u!1 &652396693
GameObject:
m_ObjectHideFlags: 0
......@@ -486,6 +532,7 @@ Transform:
- {fileID: 1841206267}
- {fileID: 803660555}
- {fileID: 1154832527}
- {fileID: 373486799}
m_Father: {fileID: 2035341440}
m_LocalEulerAnglesHint: {x: 0, y: 0, z: 0}
--- !u!1 &659928730
......
......@@ -509,10 +509,6 @@
height: auto;
}
.loginPage-button-text {
padding-top: 0;
padding-right: 0;
......@@ -536,3 +532,53 @@
.loginPage-button-text:active {
opacity: 0.75;
}
#ProfileImagePanel #Images Button {
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
width: auto;
height: 170px;
aspect-ratio: 1;
border-top-left-radius: 25px;
border-top-right-radius: 40px;
border-bottom-right-radius: 40px;
border-bottom-left-radius: 40px;
filter: grayscale(1);
}
#ProfileImagePanel #Images Button:selected {
filter: grayscale(0);
scale: 1 1;
border-left-color: rgb(48, 48, 208);
border-right-color: rgb(48, 48, 208);
border-top-color: rgb(48, 48, 208);
border-bottom-color: rgb(48, 48, 208);
border-top-width: 5px;
border-right-width: 5px;
border-bottom-width: 5px;
border-left-width: 5px;
}
#ProfileImagePanel #Images #unity-toggle-button-group__container {
justify-content: space-around;
}
#ProfileImagePanel #Menu #Images {
overflow: visible;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
opacity: 1;
display: flex;
}
......@@ -107,7 +107,6 @@ public class LoginPageAnimation : MonoBehaviour
void HideInput(bool status)
{
Debug.Log(status);
VisualElement Email = loginPage.rootVisualElement.Q<ScrollView>("Register").Q<VisualElement>("Email");
VisualElement Password = loginPage.rootVisualElement.Q<ScrollView>("Register").Q<VisualElement>("Password");
VisualElement RePassword = loginPage.rootVisualElement.Q<ScrollView>("Register").Q<VisualElement>("RePassword");
......
using System.Collections.Generic;
using System;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.SceneManagement;
using UnityEngine.UIElements;
......@@ -21,7 +22,43 @@ public class MainmenuAnimation : MonoBehaviour
HandleADS();
HandleGameMenuChallenge();
HandleRemoveAccount();
HandleProfileImage();
}
private void HandleProfileImage()
{
VisualElement profileImagePanel = mainMenu.rootVisualElement.Q<VisualElement>("ProfileImagePanel");
Button openProfileImagePanel = mainMenu.rootVisualElement.Q<Button>("OpenProfileImagePanel");
Button closeProfileImagePanel = mainMenu.rootVisualElement.Q<Button>("CloseProfileImagePanel");
openProfileImagePanel.clicked += () =>
{
profileImagePanel.style.display = DisplayStyle.Flex;
profileImagePanel.experimental.animation.Start(0, 1, 200, (v, t) =>
{
profileImagePanel.style.opacity = t;
});
};
closeProfileImagePanel.clicked += () =>
{
profileImagePanel.experimental.animation.Start(1, 0, 200, (v, t) =>
{
profileImagePanel.style.opacity = t;
}).OnCompleted(() =>
{
profileImagePanel.style.display = DisplayStyle.None;
});
};
//Button removeAccount = profileImagePanel.Q<Button>("Sure");
//removeAccount.clicked += () => Remove(closeProfileImagePanel, removeAccount);
}
List<VisualElement> ADS = new();
......@@ -178,6 +215,36 @@ public class MainmenuAnimation : MonoBehaviour
SceneManager.LoadScene(customGameSlot.SceneName);
};
}
private void HandleGameMenuChallenge()
{
VisualElement challengePanel = mainMenu.rootVisualElement.Q<VisualElement>("GameMenuChallenge");
Button openChallengePanel = mainMenu.rootVisualElement.Q<Button>("OpenChallengePanel");
Button closeChallengePanel = mainMenu.rootVisualElement.Q<Button>("CloseChallengePanel");
openChallengePanel.clicked += () =>
{
challengePanel.style.display = DisplayStyle.Flex;
challengePanel.experimental.animation.Start(0, 1, 200, (v, t) =>
{
challengePanel.style.opacity = t;
});
};
closeChallengePanel.clicked += () =>
{
challengePanel.experimental.animation.Start(1, 0, 200, (v, t) =>
{
challengePanel.style.opacity = t;
}).OnCompleted(() =>
{
challengePanel.style.display = DisplayStyle.None;
});
};
}
#endregion
#region SettingPanel
......@@ -233,6 +300,7 @@ public class MainmenuAnimation : MonoBehaviour
#endregion
private void Remove(Button closeRemoveAccountPanel, Button removeAccount)
{
closeRemoveAccountPanel.SetEnabled(false);
......
%YAML 1.1
%TAG !u! tag:unity3d.com,2011:
--- !u!114 &11400000
MonoBehaviour:
m_ObjectHideFlags: 0
m_CorrespondingSourceObject: {fileID: 0}
m_PrefabInstance: {fileID: 0}
m_PrefabAsset: {fileID: 0}
m_GameObject: {fileID: 0}
m_Enabled: 1
m_EditorHideFlags: 0
m_Script: {fileID: 11500000, guid: 45c82ca544babdb43ac0f917e8c0b56d, type: 3}
m_Name: ProfileImage
m_EditorClassIdentifier: Assembly-CSharp::ProfileImage
currentSprite: {fileID: 21300000, guid: 88226c8eea17e482f9bff333a713189a, type: 3}
profileImages:
- {fileID: 21300000, guid: e2f7d877c1a40ed4fb2c1e9eff097928, type: 3}
- {fileID: 21300000, guid: cae1908ef32d7457e8c9d9e772b22e61, type: 3}
- {fileID: 21300000, guid: 1e7151342e980464a88db1ae971d80f7, type: 3}
- {fileID: 21300000, guid: 88226c8eea17e482f9bff333a713189a, type: 3}
- {fileID: 21300000, guid: 6bc1b8ad7a39f45d6a92ed46a98f4b5d, type: 3}
fileFormatVersion: 2
guid: 5c98d5192a02e9a4ea41b11a83d890ea
NativeFormatImporter:
externalObjects: {}
mainObjectFileID: 11400000
userData:
assetBundleName:
assetBundleVariant:
using UnityEngine;
[CreateAssetMenu(fileName = "ProfileImage", menuName = "Scriptable Objects/ProfileImage")]
public class ProfileImage : ScriptableObject
{
public Sprite currentSprite;
public Sprite[] profileImages;
}
fileFormatVersion: 2
guid: 45c82ca544babdb43ac0f917e8c0b56d
\ No newline at end of file
using System;
using UnityEngine;
using UnityEngine.UIElements;
public class SelectImage : MonoBehaviour
{
[SerializeField] UIDocument UIDocument;
[SerializeField] ProfileImage profileImage;
ToggleButtonGroup Images;
Button SureImage;
int Index;
void Start()
{
Index = PlayerPrefs.GetInt("ProfileImageIndex", 0);
profileImage.currentSprite = profileImage.profileImages[Index];
Images = UIDocument.rootVisualElement.Q<ToggleButtonGroup>("Images");
SureImage = UIDocument.rootVisualElement.Q<Button>("SureImage");
Images.RegisterValueChangedCallback(OnValueChanged);
SureImage.clicked += SureImage_clicked;
}
private void OnValueChanged(ChangeEvent<ToggleButtonGroupState> evt)
{
var selectedIndex = evt.newValue;
if (selectedIndex[0])
{
Index = 1;
}
else if (selectedIndex[1])
{
Index = 2;
}
else if (selectedIndex[2])
{
Index = 3;
}
else if (selectedIndex[3])
{
Index = 4;
}
}
private void SureImage_clicked()
{
profileImage.currentSprite = profileImage.profileImages[Index];
PlayerPrefs.SetInt("ProfileImageIndex", Index);
}
}
fileFormatVersion: 2
guid: 5efe3fe5e95adac4a9119b0e765c1abd
\ No newline at end of file
fileFormatVersion: 2
guid: e2f7d877c1a40ed4fb2c1e9eff097928
TextureImporter:
internalIDToNameTable: []
externalObjects: {}
serializedVersion: 13
mipmaps:
mipMapMode: 0
enableMipMap: 0
sRGBTexture: 1
linearTexture: 0
fadeOut: 0
borderMipMap: 0
mipMapsPreserveCoverage: 0
alphaTestReferenceValue: 0.5
mipMapFadeDistanceStart: 1
mipMapFadeDistanceEnd: 3
bumpmap:
convertToNormalMap: 0
externalNormalMap: 0
heightScale: 0.25
normalMapFilter: 0
flipGreenChannel: 0
isReadable: 0
streamingMipmaps: 0
streamingMipmapsPriority: 0
vTOnly: 0
ignoreMipmapLimit: 0
grayScaleToAlpha: 0
generateCubemap: 6
cubemapConvolution: 0
seamlessCubemap: 0
textureFormat: 1
maxTextureSize: 2048
textureSettings:
serializedVersion: 2
filterMode: 1
aniso: 1
mipBias: 0
wrapU: 1
wrapV: 1
wrapW: 0
nPOTScale: 0
lightmap: 0
compressionQuality: 50
spriteMode: 1
spriteExtrude: 1
spriteMeshType: 1
alignment: 0
spritePivot: {x: 0.5, y: 0.5}
spritePixelsToUnits: 100
spriteBorder: {x: 0, y: 0, z: 0, w: 0}
spriteGenerateFallbackPhysicsShape: 1
alphaUsage: 1
alphaIsTransparency: 1
spriteTessellationDetail: -1
textureType: 8
textureShape: 1
singleChannelComponent: 0
flipbookRows: 1
flipbookColumns: 1
maxTextureSizeSet: 0
compressionQualitySet: 0
textureFormatSet: 0
ignorePngGamma: 0
applyGammaDecoding: 0
swizzle: 50462976
cookieLightType: 0
platformSettings:
- serializedVersion: 4
buildTarget: DefaultTexturePlatform
maxTextureSize: 2048
resizeAlgorithm: 0
textureFormat: -1
textureCompression: 1
compressionQuality: 50
crunchedCompression: 0
allowsAlphaSplitting: 0
overridden: 0
ignorePlatformSupport: 0
androidETC2FallbackOverride: 0
forceMaximumCompressionQuality_BC6H_BC7: 0
- serializedVersion: 4
buildTarget: Standalone
maxTextureSize: 2048
resizeAlgorithm: 0
textureFormat: -1
textureCompression: 1
compressionQuality: 50
crunchedCompression: 0
allowsAlphaSplitting: 0
overridden: 0
ignorePlatformSupport: 0
androidETC2FallbackOverride: 0
forceMaximumCompressionQuality_BC6H_BC7: 0
- serializedVersion: 4
buildTarget: Android
maxTextureSize: 2048
resizeAlgorithm: 0
textureFormat: -1
textureCompression: 1
compressionQuality: 50
crunchedCompression: 0
allowsAlphaSplitting: 0
overridden: 0
ignorePlatformSupport: 0
androidETC2FallbackOverride: 0
forceMaximumCompressionQuality_BC6H_BC7: 0
- serializedVersion: 4
buildTarget: WebGL
maxTextureSize: 2048
resizeAlgorithm: 0
textureFormat: -1
textureCompression: 1
compressionQuality: 50
crunchedCompression: 0
allowsAlphaSplitting: 0
overridden: 0
ignorePlatformSupport: 0
androidETC2FallbackOverride: 0
forceMaximumCompressionQuality_BC6H_BC7: 0
- serializedVersion: 4
buildTarget: WindowsStoreApps
maxTextureSize: 2048
resizeAlgorithm: 0
textureFormat: -1
textureCompression: 1
compressionQuality: 50
crunchedCompression: 0
allowsAlphaSplitting: 0
overridden: 0
ignorePlatformSupport: 0
androidETC2FallbackOverride: 0
forceMaximumCompressionQuality_BC6H_BC7: 0
spriteSheet:
serializedVersion: 2
sprites: []
outline: []
customData:
physicsShape: []
bones: []
spriteID: 5e97eb03825dee720800000000000000
internalID: 0
vertices: []
indices:
edges: []
weights: []
secondaryTextures: []
spriteCustomMetadata:
entries: []
nameFileIdTable: {}
mipmapLimitGroupName:
pSDRemoveMatte: 0
userData:
assetBundleName:
assetBundleVariant:
<ui:UXML xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:ui="UnityEngine.UIElements" xmlns:uie="UnityEditor.UIElements" noNamespaceSchemaLocation="../../../../UIElementsSchema/UIElements.xsd" editor-extension-mode="False">
<Style src="project://database/Assets/AppUI/UIToolkit/USS/Style.uss?fileID=7433441132597879392&amp;guid=f90ac983f14f5f043a3437b2c294db62&amp;type=3#Style"/>
<ui:Button text="" name="Player" class="menu-button" style="margin-top: 40px; margin-right: 75px; margin-left: 75px;">
<ui:Button text="" name="Player" class="menu-button" style="margin-top: 40px; margin-right: 75px; margin-left: 75px; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; border-top-left-radius: 40px; border-top-right-radius: 40px; border-bottom-right-radius: 40px; border-bottom-left-radius: 40px;">
<ui:VisualElement name="Padding" class="padding" style="flex-grow: 1; flex-direction: row-reverse; align-items: center; background-color: rgb(255, 255, 255); padding-top: 25px; padding-bottom: 25px; border-top-left-radius: 30px; border-top-right-radius: 30px; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px; border-top-width: 0; border-right-width: 0; border-bottom-width: 10px; border-left-width: 0; border-left-color: rgba(0, 0, 0, 0.25); border-right-color: rgba(0, 0, 0, 0.25); border-top-color: rgba(0, 0, 0, 0.25); border-bottom-color: rgba(0, 0, 0, 0.25);">
<ui:Label text="1" name="IndexLabel" class="base-text-bold" style="color: rgb(158, 158, 158); font-size: 34px; margin-left: 5px; width: 60px;"/>
<ui:VisualElement name="PlayerImage" style="flex-grow: 0; height: 125px; width: 125px; background-image: url(&quot;project://database/Assets/GUI%20PRO%20Kit%20-%20Simple%20Casual/Sprite/Demo/Demo_Character/UserPicture_01_Sample.png?fileID=2800000&amp;guid=358c17b4dd4c0461f8bcaf75f245f54e&amp;type=3#UserPicture_01_Sample&quot;); -unity-background-scale-mode: scale-to-fit; margin-left: 35px; background-color: rgb(209, 209, 209); border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%;"/>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment