diff --git a/src/components/Editor.jsx b/src/components/Editor.jsx
index d3c6014d..258699af 100644
--- a/src/components/Editor.jsx
+++ b/src/components/Editor.jsx
@@ -108,6 +108,7 @@ export default function Editor({uploadTextureURL, uploadVRMURL,confirmDialog,ani
{templateInfo.traits &&
templateInfo.traits.map((item, index) => (
+
+ {item.name}
))}
diff --git a/src/components/Editor.module.css b/src/components/Editor.module.css
index 25bf0e3d..710704fd 100644
--- a/src/components/Editor.module.css
+++ b/src/components/Editor.module.css
@@ -24,7 +24,7 @@
.selector-container {
user-select: none;
flex: 1;
- width: 110px;
+ width: 190px;
position: relative;
text-align: center;
}
@@ -33,6 +33,10 @@
padding: 0.15em;
display: block;
position: relative;
+ display: flex;
+ align-items: center;
+ color: #ffffff;
+ font-size: 10px;
}
.bottomLine {
diff --git a/src/components/Selector.module.css b/src/components/Selector.module.css
index 35dca46c..9b547a6b 100644
--- a/src/components/Selector.module.css
+++ b/src/components/Selector.module.css
@@ -1,7 +1,7 @@
.SelectorContainerPos {
position: absolute;
top: 98px;
- left: 180px;
+ left: 260px;
height: -webkit-calc(100vh - 176px);
height: calc(100vh - 176px);
backdrop-filter: blur(22.5px);
diff --git a/src/components/token-box/TokenBox.jsx b/src/components/token-box/TokenBox.jsx
index dc6bf559..df782c02 100644
--- a/src/components/token-box/TokenBox.jsx
+++ b/src/components/token-box/TokenBox.jsx
@@ -18,12 +18,14 @@ export const TokenBox = (props) => {
style={{width: size, height: size}}
onClick={onClick}
>
+
{active && (
)}
+
{level && (
{
Lv.{level}
)}
+
);
};
\ No newline at end of file