Update TalentBuilder: Adjusted styles and fixed mage sample path
This commit is contained in:
@@ -1,5 +1,5 @@
|
||||
"use client";
|
||||
import mage from "../data/mage.sample.json" assert { type: "json" };
|
||||
import mage from "../../public/data/mage.json" assert { type: "json" };
|
||||
import { useEffect, useMemo, useRef, useState } from "react";
|
||||
import { toGridSpec } from "../lib/transform";
|
||||
import { TalentGrid } from "./TalentGrid";
|
||||
@@ -264,15 +264,15 @@ export function TalentBuilder() {
|
||||
<div style={{ display: "flex", alignItems: "center", gap: 12 }}>
|
||||
<label htmlFor="class-select" style={{ fontSize: 13, color: "#bbb" }}>Class:</label>
|
||||
<select id="class-select" value={className} onChange={onClassChange} style={selectStyle}>
|
||||
<option value="mage">Mage</option>
|
||||
<option value="druid">Druid</option>
|
||||
<option value="hunter">Hunter</option>
|
||||
<option value="mage">Mage</option>
|
||||
<option value="paladin">Paladin</option>
|
||||
<option value="warlock">Warlock</option>
|
||||
<option value="priest">Priest</option>
|
||||
<option value="rogue">Rogue</option>
|
||||
<option value="warrior">Warrior</option>
|
||||
<option value="hunter">Hunter</option>
|
||||
<option value="shaman">Shaman</option>
|
||||
<option value="warlock">Warlock</option>
|
||||
<option value="warrior">Warrior</option>
|
||||
</select>
|
||||
<div style={{
|
||||
fontSize: 14,
|
||||
|
||||
@@ -80,13 +80,13 @@ export function TalentCell({ talent, iconBaseUrl }: Props) {
|
||||
style={{
|
||||
position: "absolute",
|
||||
right: 2,
|
||||
bottom: 2,
|
||||
bottom: 5,
|
||||
background: "rgba(0,0,0,0.7)",
|
||||
padding: "2px 5px",
|
||||
fontSize: 14,
|
||||
fontWeight: 600,
|
||||
borderRadius: 4,
|
||||
border: "1px solid #000",
|
||||
border: "0px solid #000",
|
||||
color: isMaxed ? "#00ff00" : "#ffffff",
|
||||
}}
|
||||
>
|
||||
|
||||
Reference in New Issue
Block a user