mirrors/VogelSocialMedia
1
0
Fork 0
mirror of https://github.com/bubblecup-12/VogelSocialMedia.git synced 2025-07-10 21:28:51 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

move profile components to profile folder

Browse source
This commit is contained in:
luisa.bellitto 2025-06-30 10:18:26 +02:00
parent 5068ef876d
commit 61817c60e6
7 changed files with 0 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

48
code/frontend/src/components/profile/bio.css Normal file
View file

@ -0,0 +1,48 @@
.bio-input {
margin: 0.5rem;
}
.css-53g0n7-MuiButtonBase-root-MuiIconButton-root {
justify-content: end;
}
/* Root class for the input field */
.bio-input .MuiOutlinedInput-root {
color: var(--Rotkehlchen-gray);
}
/* Class for the border around the input field */
.bio-input .MuiOutlinedInput-notchedOutline {
border-color: var(--Rotkehlchen-brown-light);
}
/* Class for the label of the input field */
.bio-input .MuiInputLabel-outlined {
color: var(--Rotkehlchen-brown-light);
}
/* Class for the border in focused state */
.bio-input .Mui-focused .MuiOutlinedInput-notchedOutline {
border-color: var(--Rotkehlchen-yellow-default);
}
/* Disabled input field text and border color */
.bio-input .css-w4nesw-MuiInputBase-input-MuiOutlinedInput-input.Mui-disabled {
-webkit-text-fill-color: var(--Rotkehlchen-gray);
}
.bio-input
.MuiInputBase-root.MuiOutlinedInput-root.Mui-disabled
.MuiOutlinedInput-notchedOutline {
border-color: transparent;
}
@media only screen and (min-width: 768px) {
.bio-input {
width: 100%;
margin-bottom: 1rem;
}
.bio-input .MuiInputLabel-outlined {
font-size: 18px;
}
.bio-input .MuiOutlinedInput-input {
font-size: 18px;
padding: 10px;
}
}