add space card styling

This commit is contained in:
Wirlaburla 2024-11-19 20:27:56 -06:00
parent 77b18e7ac7
commit a0bd415a69

View File

@ -1644,6 +1644,78 @@ body.settings.profile .wdropdown#frame > div.select .avatar {
margin-right: 2px;
}
/* == GROUP/SPACE CARD */
body.group div.groupcard {
display: flex;
background: var(--primary-container-background);
background-size: cover;
background-position: center;
border: var(--primary-container-border);
padding: 64px 0px 0px 0px;
margin: auto 4px;
}
body.group div.groupcard .gbody {
display: flex;
flex-direction: column;
flex-grow: 1;
width: 100%;
}
body.group div.groupcard .gbody div.row {
background:var(--primary-container-background);
border-top: var(--primary-container-border);
box-sizing: border-box;
padding: 8px;
}
body.group div.groupcard .gbody div.title.row {
display: flex;
padding: 8px;
width: 100%;
}
body.group div.groupcard .gbody div.title.row h2 {
font-family: Arial;
font-weight: bold;
flex-grow: 1;
margin: 0;
}
body.group div.groupcard img.gicon {
background: var(--primary-container-background);
border: var(--primary-container-border);
border-bottom: none;
border-left: none;
padding: 4px;
}
body.group div.page-container div.group-section {
display: flex;
flex-direction: row;
}
body.group div.page-container div.group-section div.tabbed-page {
flex-grow: 1;
margin: 4px;
}
body.group div.page-container div.group-section div.sidebar {
min-width: 200px;
flex-grow: 0;
background-color: var(--tab-selected);
border: var(--tab-border);
padding: 4px;
margin: 4px;
}
@media only screen and (orientation: portrait) {
body.group div.page-container div.group-section {
flex-direction: column-reverse;
}
}
/* == MISC */
heading .button {