better cloak ui

src/main/java/org/auraclient/auraclient/menus/CloakSelector.java

@@ -4,6 +4,7 @@ import net.minecraft.client.gui.DrawContext;
 import net.minecraft.text.Text;
 import org.auraclient.auraclient.AuraClient;
 import org.auraclient.auraclient.ui.AuraUi;
+import org.auraclient.auraclient.ui.Box;
 import org.auraclient.auraclient.ui.ImageButton;
 import net.minecraft.util.Identifier;
 
@@ -14,18 +15,22 @@ public class CloakSelector extends AuraUi {
 
     @Override
     public void ui(DrawContext context) {
-        int padding = 0;
+        int y = (context.getScaledWindowHeight() - 92) / 2;
+        int x = (context.getScaledWindowWidth() - ((32 * AuraClient.list.size()) - 8)) / 2;
+
+        widgets.add(new Box(x - 8, y - 8, (40 * AuraClient.list.size() + 8), 108));
+
         for (int i = 0; i < AuraClient.list.size(); i++) {
-            ImageButton img = new ImageButton(Identifier.of("minecraft", "textures/block/deepslate.png"), (32 * i) + padding, 0, 32, 32);
+            String cloak = AuraClient.list.get(i);
+            ImageButton img = new ImageButton(Identifier.of("auraclient", "textures/gui/cloaks/"+cloak.replaceAll("\\.(gif|png)", "")+".prev.png"), x, y, 32, 92);
             img.textureHeight = 16;
             img.textureWidth = 16;
-            String cloak = AuraClient.list.get(i);
             img.onClick = () -> {
                 AuraClient.cape = cloak;
             };
             widgets.add(img);
 
-            padding += 8;
+            x += 40;
         }
     }
 }