Skip to content

Commit

Permalink
Reverted the MOD UI window to the original size (tgstation#85103)
Browse files Browse the repository at this point in the history
## About The Pull Request

tgstation#81579 Made the UI wider to fit the J and W units. I've reverted the
window size and placed the Joules/Watts to the table header tooltips
instead.


![image](https://github.com/user-attachments/assets/bf6bbcc5-e8e2-42e8-8e39-de7c5778a46f)

## Why It's Good For The Game

Mod UI doesn't need to be this big.

## Changelog

:cl:
qol: Mod UI is narrow again
/:cl:
  • Loading branch information
MTandi authored Jul 20, 2024
1 parent 7defa85 commit 2793b38
Showing 1 changed file with 10 additions and 38 deletions.
48 changes: 10 additions & 38 deletions tgui/packages/tgui/interfaces/MODsuit.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@ import {
Stack,
Table,
} from '../components';
import { formatEnergy, formatPower, formatSiUnit } from '../format';
import { formatSiUnit } from '../format';
import { Window } from '../layouts';

type MODsuitData = {
Expand Down Expand Up @@ -122,8 +122,8 @@ export const MODsuit = (props) => {
const { interface_break } = data.suit_status;
return (
<Window
width={800}
height={640}
width={600}
height={600}
theme={ui_theme}
title="MOD Interface Panel"
>
Expand Down Expand Up @@ -706,23 +706,23 @@ const ModuleSection = (props) => {
<Button
color="transparent"
icon="plug"
tooltip="Idle Power Cost"
tooltip="Idle Power Cost (Watts)"
tooltipPosition="top"
/>
</Table.Cell>
<Table.Cell width={1} textAlign="center">
<Button
color="transparent"
icon="lightbulb"
tooltip="Active Power Cost"
tooltip="Active Power Cost (Watts)"
tooltipPosition="top"
/>
</Table.Cell>
<Table.Cell width={1} textAlign="center">
<Button
color="transparent"
icon="bolt"
tooltip="Use Energy Cost"
tooltip="Use Energy Cost (Joules)"
tooltipPosition="top"
/>
</Table.Cell>
Expand Down Expand Up @@ -794,44 +794,16 @@ const ModuleSection = (props) => {
)}
</Table.Cell>
<Table.Cell textAlign="center">
<div
style={{
display: 'inline-block',
width: '60px',
}}
>
{formatPower(module.idle_power)}
</div>
{formatSiUnit(module.idle_power, 0)}
</Table.Cell>
<Table.Cell textAlign="center">
<div
style={{
display: 'inline-block',
width: '60px',
}}
>
{formatPower(module.active_power)}
</div>
{formatSiUnit(module.active_power, 0)}
</Table.Cell>
<Table.Cell textAlign="center">
<div
style={{
display: 'inline-block',
width: '60px',
}}
>
{formatEnergy(module.use_energy)}
</div>
{formatSiUnit(module.use_energy, 0)}
</Table.Cell>
<Table.Cell textAlign="center">
<div
style={{
display: 'inline-block',
width: '10px',
}}
>
{module.module_complexity}
</div>
{module.module_complexity}
</Table.Cell>
</Table.Row>
);
Expand Down

0 comments on commit 2793b38

Please sign in to comment.