SailorZoop/ZoeysBits
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

fix overflow

Browse source
This commit is contained in:
Zoey 2024-01-15 20:00:00 +01:00
parent 5399aa18d4
commit 7fa70fe497
2 changed files with 9 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/App.js
View file

@ -1,6 +1,7 @@
//import logo from './logo.svg';
import './App.css';
import TopBar from './TopBar';
import BottomBar from './BottomBar';
//import SideBar from './SideBar';

13
src/Home.js
View file

@ -1,8 +1,6 @@
import { useEffect, useState } from 'react';
function Home() {
const [Versions, setVersions] = useState('');
useEffect(() => {
@ -11,7 +9,6 @@ function Home() {
const Response = await fetch('versions.txt');
const Text = await Response.text();
setVersions(Text);
} catch (error) {
console.error('Error fetching file:', error);
}
@ -20,21 +17,18 @@ function Home() {
fetchFiles();
}, []);
return (
<div className="flex w-auto h-auto overflow-hidden MainBG">
<div className="flex flex-col mt-20 items-center justify-center text-secondary top-14 bottom-8 w-screen h-screen overflow-hidden">
return (
<div className="flex w-screen h-screen overflow-hidden MainBG">
<div className="flex flex-col mt-20 items-center justify-center text-secondary top-14 bottom-8 w-screen overflow-hidden">
<p className="text-4xl mb-16 shadow-2xl WelcomeText">Welcome, fellow traveller!</p>
<div className="flex justify-center align-middle">
<a href="https://librebun.ooguy.com/nc/" className="bg-white shadow-md outline outline-secondary rounded-2xl p-1 mx-2 LogoBoxes">
<img className="NextcloudLogo" draggable="false" src={process.env.PUBLIC_URL + "/Nextcloud_Logo.svg"} alt="Nextcloud"></img>
</a>
<a href="https://librebun.ooguy.com/gt/" className="bg-white shadow-md outline outline-secondary rounded-2xl p-1 mx-2 LogoBoxes">
<img className="mx-0 GiteaLogo" draggable="false" src={process.env.PUBLIC_URL + "/Gitea_Logo.svg"} alt="Gitea"></img>
</a>
</div>
<div className="bg-primary rounded-lg shadow-lg w-96 h-60 mt-20 overflow-hidden VersionBox">
<div className="flex">
<div className="flex-row mt-1">
@ -44,7 +38,6 @@ return (
<p className="Versions">{Versions}</p>
</div>
</div>
</div>
</div>
</div>