reidlab/goopler
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

revamp hotbar ui

Browse source
This commit is contained in:
Reid 2023-08-13 10:03:18 -07:00
parent f9403100de
commit d6af38eba1
3 changed files with 57 additions and 69 deletions
Download patch file Download diff file Expand all files Collapse all files

76
src/StarterPlayer/StarterPlayerScripts/ui/hotbar/slot.tsx
View file

@ -44,50 +44,38 @@ const slot: Hooks.FC<slotProps> = (props, hooks) => {
})
return (
<frame {...spreadableProps} BackgroundTransparency={1} SizeConstraint={Enum.SizeConstraint.RelativeYY}>
<textbutton
Position={new UDim2(0, 0, 0, 0)}
Size={new UDim2(1, 0, 1, 0)}
BackgroundColor3={new Color3()}
BackgroundTransparency={0.3}
Text=""
Event={{
Activated: (): void => {
handleActivated()
}
}}
>
<uicorner CornerRadius={new UDim(0.05, 0)}/>
<uistroke
Thickness={2}
Color={new Color3(0.1, 0.1, 0.1)}
ApplyStrokeMode={Enum.ApplyStrokeMode.Border}
/>
<textlabel
Size={new UDim2(1, 0, 0.2, 0)}
Text={tostring(index)}
TextXAlignment={Enum.TextXAlignment.Left}
BackgroundTransparency={1}
TextColor3={new Color3(1, 1, 1)}
TextScaled
>
<uistroke Thickness={1}/>
</textlabel>
<textlabel
Size={new UDim2(1, 0, 1, 0)}
AnchorPoint={new Vector2(0.5, 0.5)}
Position={new UDim2(0.5, 0, 0.5, 0)}
BackgroundTransparency={1}
TextScaled
Text={tool.Name}
TextColor3={Color3.fromRGB(255, 255, 255)}
>
<uistroke Thickness={1}/>
<Padding Padding={new UDim(0.05, 0)}/>
</textlabel>
</textbutton>
<frame
BackgroundColor3={Color3.fromHex("#11111b")}
BackgroundTransparency={.7}
Size={new UDim2(1, 0, 1, 0)}
>
<uiaspectratioconstraint
AspectRatio={6}
/>
<uicorner
CornerRadius={new UDim(0, 8)}
/>
<Padding
PaddingY={new UDim(.3, 0)}
/>
<textlabel
TextColor3={Color3.fromHex("#cdd6f4")}
BackgroundTransparency={1}
Size={new UDim2(.2, 0, 1, 0)}
Font={Enum.Font.GothamBold}
Text={tostring(index)}
TextScaled
/>
<textlabel
TextColor3={Color3.fromHex("#cdd6f4")}
BackgroundTransparency={1}
Size={new UDim2(.8, 0, 1, 0)}
Position={new UDim2(.2, 0, 0, 0)}
Font={Enum.Font.Gotham}
Text={tool.Name}
TextXAlignment={Enum.TextXAlignment.Left}
TextScaled
/>
</frame>
)
}