mirror of
https://github.com/etkecc/synapse-admin.git
synced 2025-02-22 00:29:02 +03:00
add images
This commit is contained in:
parent
28ef08de03
commit
132ea6f97f
5 changed files with 10 additions and 6 deletions
|
@ -1,4 +1,10 @@
|
||||||
# Synapse Admin UI [](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>
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
|
|
Binary file not shown.
Before Width: 16px | Height: 16px | Size: 1.1 KiB After Width: 32px | Height: 32px | Size: 4.2 KiB |
BIN
public/images/logo.webp
Normal file
BIN
public/images/logo.webp
Normal file
Binary file not shown.
After ![]() (image error) Size: 16 KiB |
|
@ -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">
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Add table
Reference in a new issue