Skip to content
Snippets Groups Projects
Commit 976e17ab authored by Matt Kirby's avatar Matt Kirby
Browse files

Added basic styles

parent cabac85e
No related branches found
No related tags found
1 merge request!7Resolve "Adding basic post component"
.hiddenCard {
border-radius: 24px;
margin: 30px;
height: 300px;
max-height: 300px;
display: flex;
justify-content: center;
align-items: center;
/* border: 16px solid transparent;
border-image-slice: 1; */
/* background: rgba(0, 0, 0, 0.13); */
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
/*backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px); */
overflow: hidden;
}
.hiddenCardContent{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
white-space: nowrap;
}
.title {
font-weight: bold;
font-size: larger;
}
.text {
}
\ No newline at end of file
.home{
}
\ No newline at end of file
.post {
/* border: 1px solid black;
border-radius: 15px; */
display: flex;
flex-direction: column;
margin: 30px;
padding: 16px 8px;
}
.header {
display: flex;
width: 100%;
flex-direction: row;
align-items: center;
margin-bottom: 8px;
height: 48px;
}
.avatar {
color: white;
border-radius: 50%;
width: 48px;
height: 48px;
background-color: 'red';
display: flex;
justify-content: center;
align-items: center;
margin-right: 8px;
}
.headerInfo {
height: 100%;
display: flex;
flex-grow: 1;
align-items: center;
}
.headerUserInfo {
display: flex;
flex-direction: column;
flex-grow: 1;
}
.name {
font-weight: bold;
}
.username {
height: 100%;
font-size: small;
}
.timestamp{
font-size: small;
display: flex;
align-items: flex-end;
height: 100%;
justify-content: end;
}
.postContentContainer {
padding: 12px 16px;
border-radius: 24px;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.postContent {
padding: 8px;
padding-bottom: 4px;
font-size: large;
}
.postActions {
padding: 8px 8px;
display: flex;
width: 100%;
max-width: 200px;
justify-content: space-between;
}
\ No newline at end of file
.container {
margin-right: 8px;
}
\ No newline at end of file
* {
box-sizing: border-box;
padding: 0;
margin: 0;
}
html,
body {
color: rgb(0,0,0);
max-width: 100vw;
overflow-x: hidden;
font-family: 'SF Pro Text', 'SF Pro Icons', 'Helvetica Neue', 'Helvetica',
'Arial', sans-serif;
}
\ No newline at end of file
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment