Grasscutters/Grasscutter
3
0
Fork 0
mirror of https://github.com/Melledy/Grasscutter.git synced 2024-11-22 20:03:21 +00:00
Code Issues Projects Releases Wiki Activity

Lint Code [skip actions]

Browse Source
This commit is contained in:
github-actions 2023-05-15 07:56:21 +00:00
parent 4647d528e2
commit 01edea175e
2 changed files with 15 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/handbook/src/ui/widgets/ItemCard.tsx
View File

@ -163,7 +163,12 @@ class ItemCard extends React.Component<IProps, IState> {
</div>
<button className={"ObjectCard_Submit"} onClick={this.addToInventory.bind(this)}>
<TextState initial={connected} event={"connected"} text1={"Copy Command"} text2={"Add to Inventory"} />
<TextState
initial={connected}
event={"connected"}
text1={"Copy Command"}
text2={"Add to Inventory"}
/>
</button>
</div>
</div>

16
src/handbook/src/ui/widgets/MiniCard.tsx
View File

@ -19,7 +19,7 @@ interface IState {
class MiniCard extends React.Component<IProps, IState> {
loading: number | any;
containerRef: React.RefObject<HTMLDivElement>;
textRef: React.RefObject<HTMLDivElement>;
@ -55,21 +55,21 @@ class MiniCard extends React.Component<IProps, IState> {
private adjustFontSize() {
const container = this.containerRef.current;
const text = this.textRef.current;
if (!container || !text) {
return;
}
const containerWidth = container.offsetWidth;
const textWidth = text.scrollWidth;
const fontSize = parseFloat(window.getComputedStyle(text).fontSize);
const availableWidth = containerWidth - 10;
const scaleFactor = availableWidth / textWidth;
if (scaleFactor < 1) {
const newFontSize = fontSize * scaleFactor;
text.style.fontSize = newFontSize + 'px';
text.style.fontSize = newFontSize + "px";
}
}
@ -98,7 +98,9 @@ class MiniCard extends React.Component<IProps, IState> {
)}
{(!this.state.loaded || !this.state.icon) && (
<p className={"MiniCard_Label"} ref={this.textRef}>{this.props.data.name}</p>
<p className={"MiniCard_Label"} ref={this.textRef}>
{this.props.data.name}
</p>
)}
</div>
</div>