mt77/synapse-admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add images

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
README.md
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) ![Screenshots](./screenshots.jpg)

BIN
public/favicon.ico
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 4.2 KiB

BIN
public/images/logo.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

3
src/components/Footer.tsx
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"; import { useEffect, useState } from "react";
const Footer = () => { const Footer = () => {
@ -23,6 +23,7 @@ const Footer = () => {
p: 1, p: 1,
}}> }}>
<Typography variant="body2"> <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"> <Link sx={{ color: "#888", textDecoration: 'none' }} href="https://github.com/etkecc/synapse-admin" target="_blank">
Synapse-Admin Synapse-Admin
</Link> <Link href={`https://github.com/etkecc/synapse-admin/releases/tag/`+version} target="_blank"> </Link> <Link href={`https://github.com/etkecc/synapse-admin/releases/tag/`+version} target="_blank">

5
src/pages/LoginPage.tsx
View File

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