mirrors/VogelSocialMedia
1
0
Fork 0
mirror of https://github.com/bubblecup-12/VogelSocialMedia.git synced 2025-07-08 13:38:47 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix routes and padding of profile

Browse source
This commit is contained in:
luisa.bellitto 2025-06-30 13:41:01 +02:00 • committed by Rudi Regentonne
parent e7740d709d
commit 2f8698751b
6 changed files with 4 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

1
code/frontend/src/components/profile/Bio.tsx
View file

@ -3,7 +3,6 @@ import TextField from "@mui/material/TextField";
import StyledEngineProvider from "@mui/styled-engine/StyledEngineProvider";
import { useState } from "react";
import "./bio.css";
import "../styles/colors.css";
import IconButton from "@mui/material/IconButton";
import EditSquareIcon from "@mui/icons-material/EditSquare";
import ButtonPrimary from "../ButtonRotkehlchen";

4
code/frontend/src/components/profile/QuiltedImageList.tsx
View file

@ -2,9 +2,9 @@ import ImageListItem from "@mui/material/ImageListItem";
import { StyledEngineProvider } from "@mui/material/styles";
import "./quiltedImageList.css";
import { Box, Grid, Skeleton } from "@mui/material";
import api from "../api/axios";
import api from "../../api/axios";
import { useEffect, useState } from "react";
import { UserProfile } from "../types/UserProfile";
import { UserProfile } from "../../types/UserProfile";
import { useNavigate } from "react-router-dom";
export default function StandardImageList({ user }: { user: UserProfile }) {

2
code/frontend/src/components/profile/Username.tsx
View file

@ -1,5 +1,5 @@
import { Popover, Typography } from "@mui/material";
import { useEffect, useState } from "react";
import { useState } from "react";
import "./username.css";
export default function Username({ username }: { username: string }) {

59
code/frontend/src/components/profile/changeAvatarDialog.css Normal file
View file

@ -0,0 +1,59 @@
.dialog-content {
display: flex;
flex-direction: column;
}
.profile-image-large {
max-width: 30rem;
max-height: 30rem;
width: 100%;
height: 100%;
object-fit: "cover";
}
.css-10d30g3-MuiPaper-root-MuiDialog-paper {
background-color: var(--transparent-dark-blue);
backdrop-filter: blur(15px);
border-radius: 1rem;
color: var(--Rotkehlchen-orange-default);
}
.profile-avatar {
width: 50px;
height: 50px;
background-color: var(--Rotkehlchen-yellow-default);
}
.change-avatar-button {
display: flex;
justify-content: end;
align-items: end;
}
.user {
display: inline-flex;
width: 100%;
align-items: center;
justify-content: start;
gap: 20px;
margin-top: 1rem;
border-radius: 1rem;
}
.edit-icon {
cursor: pointer;
}
@media screen and (min-width: 768px) {
.profile-avatar {
width: 4.5rem;
height: 4.5rem;
background-color: var(--Rotkehlchen-yellow-default);
}
.user {
padding-left: 1rem;
padding-right: 1rem;
padding-bottom: 1rem;
}
}