marco/yt-dlp-webui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix footer

Browse Source
This commit is contained in:
marcobaobao
2022-02-22 23:38:24 +01:00
parent 5159c239d5
commit 35043d7cb4
3 changed files with 4 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/index.css
View File

@@ -1,12 +1,11 @@
@import url('./src/styles/colors.css'); @import url('./src/styles/colors.css');
html { .main {
min-height: 100%; min-height: calc(100vh - 41px);
} }
body { body {
font-family: 'Shippori Antique', sans-serif; font-family: 'Shippori Antique', sans-serif;
height: 80vh;
background-color: var(--body); background-color: var(--body);
color: var(--text); color: var(--text);
} }

2
frontend/src/App.tsx
View File

@@ -255,7 +255,7 @@ export function App() {
return ( return (
<main> <main>
<Container className="pb-5"> <Container className="pb-5 main">
<Row> <Row>
<Col lg={7} xs={12}> <Col lg={7} xs={12}>
<div className="mt-5" /> <div className="mt-5" />

4
frontend/src/components/Footer.css
View File

@@ -1,11 +1,9 @@
@import url('../../src/styles/colors.css'); @import url('../../src/styles/colors.css');
.footer { .footer {
position: absolute;
bottom: 0;
width: 100%; width: 100%;
height: 40px; height: 40px;
line-height: 39px; line-height: 38px;
background-color: var(--stack); background-color: var(--stack);
} }