add images

This commit is contained in:
Aine 2024-10-24 13:44:12 +03:00
parent 28ef08de03
commit 132ea6f97f
No known key found for this signature in database
GPG key ID: 34969C908CCA2804
5 changed files with 10 additions and 6 deletions

View file

@ -1,4 +1,10 @@
# Synapse Admin UI [![GitHub license](https://img.shields.io/github/license/Awesome-Technologies/synapse-admin)](https://github.com/Awesome-Technologies/synapse-admin/blob/master/LICENSE)
<p align="center">
<img alt="Synapse Admin Logo" src="./public/images/logo.webp" height="140" />
<h3 align="center">Synapse Admin <img alt="License" src="https://img.shields.io/github/license/Awesome-Technologies/synapse-admin"></h3>
<p align="center">Manager your Synapse homeserver with ease</p>
</p>
---
![Screenshots](./screenshots.jpg)

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 4.2 KiB

BIN
public/images/logo.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

View file

@ -1,4 +1,4 @@
import { Box, Link, Typography } from "@mui/material";
import { Avatar, Box, Link, Typography } from "@mui/material";
import { useEffect, useState } from "react";
const Footer = () => {
@ -23,6 +23,7 @@ const Footer = () => {
p: 1,
}}>
<Typography variant="body2">
<Avatar src="./images/logo.webp" sx={{ width: "1rem", height: "1rem", display: "inline-block", verticalAlign: "sub" }} />
<Link sx={{ color: "#888", textDecoration: 'none' }} href="https://github.com/etkecc/synapse-admin" target="_blank">
Synapse-Admin
</Link> <Link href={`https://github.com/etkecc/synapse-admin/releases/tag/`+version} target="_blank">

View file

@ -1,6 +1,5 @@
import { useState, useEffect } from "react";
import LockIcon from "@mui/icons-material/Lock";
import { Avatar, Box, Button, Card, CardActions, CircularProgress, MenuItem, Select, Tab, Tabs, Typography } from "@mui/material";
import {
Form,
@ -249,9 +248,7 @@ const LoginPage = () => {
{loading ? (
<CircularProgress size={25} thickness={2} />
) : (
<Avatar className="icon">
<LockIcon />
</Avatar>
<Avatar sx={{ width: "120px", height: "120px" }} src="./images/logo.webp"/>
)}
</Box>
<Box className="hint">{translate("synapseadmin.auth.welcome")}</Box>