Fijxu
/
rustlog-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

lol

This commit is contained in:
Fijxu 2024-03-03 01:31:17 -03:00
parent b1b08e909f
commit 06e83668e0
3 changed files with 53 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

85
index.html
View File

@ -2,47 +2,60 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<link rel="icon" href="/favicon.ico" /> <link rel="icon" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#090A0B" /> <meta name="theme-color" content="#090A0B" />
<title>rustlog</title> <title>rustlog</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" /> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" />
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" /> <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
<style> <style>
:root { :root {
--bg: #0e0e10; --bg: #0e0e10;
--bg-bright: #18181b; /* --bg-bright: #18181b; */
--bg-brighter: #3d4146; --bg-brighter: #3d4146;
--bg-dark: #121416; --bg-dark: #121416;
--theme: #00CC66; --theme: #00CC66;
--theme-bright: #00FF80; --theme-bright: #00FF80;
--theme2: #2980b9; --theme2: #2980b9;
--theme2-bright: #3498db; --theme2-bright: #3498db;
--text: #F5F5F5; --text: #F5F5F5;
--text-dark: #616161; --text-dark: #616161;
--danger: #e74c3c; --danger: #e74c3c;
} }
body { html {
margin: 0; background: linear-gradient(to bottom,
padding: 0; rgba(11, 11, 11, 0.85),
background: var(--bg); rgba(11, 11, 11, 0.85)),
font-family: Helvetica, Arial, sans-serif; url(https://nadeko.net/assets/bgs/bgtile2.gif), #111111;
height: 100%; margin: 0;
width: 100%; padding: 0;
} /* background: var(--bg); */
font-family: Helvetica, Arial, sans-serif;
height: 100%;
width: 100%;
}
* { body {
box-sizing: border-box; margin: 0;
} padding: 0;
</style> /* background: var(--bg); */
font-family: Helvetica, Arial, sans-serif;
height: 100%;
width: 100%;
}
* {
box-sizing: border-box;
}
</style>
</head> </head>
<body> <body>
<noscript>You need to enable JavaScript to run this app.</noscript> <noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div> <div id="root"></div>
<script type="module" src="/src/index.tsx"></script> <script type="module" src="/src/index.tsx"></script>
</body> </body>
</html> </html>

2
src/components/ContentLog.tsx
View File

@ -15,7 +15,7 @@ const ContentLogContainer = styled.ul`
.search { .search {
position: absolute; position: absolute;
top: -52px; top: -52px;
width: 320px; width: 420px;
left: 0; left: 0;
} }

6
src/components/Filters.tsx
View File

@ -6,7 +6,7 @@ import styled from "styled-components";
import { useChannels } from "../hooks/useChannels"; import { useChannels } from "../hooks/useChannels";
import { store } from "../store"; import { store } from "../store";
import { Docs } from "./Docs"; import { Docs } from "./Docs";
import { Optout } from "./Optout"; // import { Optout } from "./Optout";
import { Settings } from "./Settings"; import { Settings } from "./Settings";
const FiltersContainer = styled.form` const FiltersContainer = styled.form`
@ -64,10 +64,10 @@ export function Filters() {
renderInput={(params) => <TextField {...params} name="channel" label="channel or id:123" variant="filled" autoFocus={state.currentChannel === null} />} renderInput={(params) => <TextField {...params} name="channel" label="channel or id:123" variant="filled" autoFocus={state.currentChannel === null} />}
/> />
<TextField error={state.error} name="username" label="username or id:123" variant="filled" autoComplete="off" defaultValue={state.currentUsername} autoFocus={state.currentChannel !== null && state.currentUsername === null} /> <TextField error={state.error} name="username" label="username or id:123" variant="filled" autoComplete="off" defaultValue={state.currentUsername} autoFocus={state.currentChannel !== null && state.currentUsername === null} />
<Button variant="contained" color="primary" size="large" type="submit">load</Button> <Button variant="contained" color="secondary" size="large" type="submit">load</Button>
<Settings /> <Settings />
<Docs /> <Docs />
<Optout /> {/* <Optout /> */}
</FiltersContainer> </FiltersContainer>
</FiltersWrapper> </FiltersWrapper>
} }