Bun lint
This commit is contained in:
parent
72c941160a
commit
bc97623981
5 changed files with 33 additions and 44 deletions
|
@ -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",
|
||||||
|
|
|
@ -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);
|
||||||
}
|
}
|
|
@ -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?
|
||||||
|
|
|
@ -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
10
types/css.d.ts
vendored
|
@ -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;
|
||||||
}
|
}
|
Loading…
Add table
Reference in a new issue