fix overflow

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

View file

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

View file

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