This commit is contained in:
Seth 2025-05-18 19:39:25 -04:00
parent 72c941160a
commit bc97623981
5 changed files with 33 additions and 44 deletions

View file

@ -1,8 +1,7 @@
import { highlightElement } from "@speed-highlight/core"; import { highlightElement } from "@speed-highlight/core";
import { createRef } from "tsx-dom"; import { createRef } from "tsx-dom";
import socket from "../../utilities/socket";
import colors from "../../colors.module.css"; import colors from "../../colors.module.css";
import socket from "../../utilities/socket";
const activityTypes: Record<number, string> = { const activityTypes: Record<number, string> = {
0: "Playing", 0: "Playing",

View file

@ -1,34 +1,34 @@
.container { .container {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
flex-direction: column; flex-direction: column;
height: 100%; height: 100%;
} }
.card { .card {
width: 90%; width: 90%;
padding: .5rem; padding: 0.5rem;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
flex-direction: column; flex-direction: column;
.center { .center {
text-align: center; text-align: center;
} }
} }
.avatar { .avatar {
width: 5rem; width: 5rem;
height: inherit; height: inherit;
border: 2px solid rgb(var(--mdui-color-primary)); border: 2px solid rgb(var(--mdui-color-primary));
} }
.lanyard { .lanyard {
display: var(--lanyard-display); display: var(--lanyard-display);
} }
.hyperate { .hyperate {
display: var(--hyperate-display); display: var(--hyperate-display);
} }

View file

@ -4,18 +4,14 @@ import "mdui/components/avatar";
import "mdui/components/segmented-button-group"; import "mdui/components/segmented-button-group";
import "mdui/components/segmented-button"; import "mdui/components/segmented-button";
import colors from "../../../colors.module.css";
import Hyperate from "../../Hyperate"; import Hyperate from "../../Hyperate";
import Lanyard from "../../Lanyard"; import Lanyard from "../../Lanyard";
import styles from "./index.module.css"; import styles from "./index.module.css";
import colors from "../../../colors.module.css";
export default () => { export default () => {
return ( return (
<div <div class={styles.container}>
class={styles.container}
>
<mdui-card <mdui-card
// @ts-expect-error; variant is not in the types for some reason? // @ts-expect-error; variant is not in the types for some reason?
variant="filled" variant="filled"
@ -38,9 +34,7 @@ export default () => {
</p> </p>
</mdui-card> </mdui-card>
<br <br class={styles.lanyard} />
class={styles.lanyard}
/>
<mdui-card <mdui-card
// @ts-expect-error; variant is not in the types for some reason? // @ts-expect-error; variant is not in the types for some reason?
@ -50,9 +44,7 @@ export default () => {
<Lanyard /> <Lanyard />
</mdui-card> </mdui-card>
<br <br class={styles.hyperate} />
class={styles.hyperate}
/>
<mdui-card <mdui-card
// @ts-expect-error; variant is not in the types for some reason? // @ts-expect-error; variant is not in the types for some reason?

View file

@ -31,8 +31,7 @@ body {
max-width: min(100%, 100vw); max-width: min(100%, 100vw);
margin: 10px 0; margin: 10px 0;
padding: 30px 20px; padding: 30px 20px;
font: font: 18px / 24px monospace;
18px / 24px monospace;
box-shadow: 0 0 5px #0001; box-shadow: 0 0 5px #0001;
:before { :before {
@ -59,7 +58,6 @@ body {
color: #ff5261; color: #ff5261;
} }
.shj-syn-str { .shj-syn-str {
color: #4dacfa; color: #4dacfa;
} }

10
types/css.d.ts vendored
View file

@ -1,6 +1,6 @@
declare module '*.module.css' { declare module "*.module.css" {
const styles: { const styles: {
readonly [key: string]: string readonly [key: string]: string;
} };
export default styles export default styles;
} }