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

2
src/components/ContentLog.tsx
View File

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

6
src/components/Filters.tsx
View File

@ -6,7 +6,7 @@ import styled from "styled-components";
import { useChannels } from "../hooks/useChannels";
import { store } from "../store";
import { Docs } from "./Docs";
import { Optout } from "./Optout";
// import { Optout } from "./Optout";
import { Settings } from "./Settings";
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} />}
/>
<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 />
<Docs />
<Optout />
{/* <Optout /> */}
</FiltersContainer>
</FiltersWrapper>
}