tomasalias/AstralRinth
1
0
Fork 0
forked from didirus/AstralRinth
Code Pull Requests Activity

Adds card-divider and table styles.

Browse Source
This commit is contained in:
Zachary Baird
2023-04-19 11:11:37 -04:00
parent e23ace1bb0
commit fe738da633
2 changed files with 164 additions and 456 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
lib/assets/styles/classes.scss
View File

@@ -459,6 +459,50 @@ a,
overflow: hidden;
}
.card-divider {
background-color: var(--color-button-bg);
border: none;
color: var(--color-button-bg);
height: 1px;
margin: var(--gap-sm) 0;
}
// TABLE
.table-container {
display: grid;
grid-template-rows: repeat(auto-fill, auto);
width: 100%;
border-radius: var(--radius-md);
overflow: hidden;
}
.table-row {
display: grid;
grid-template-columns: 1fr 4fr 1.5fr;
}
.table-head {
.table-cell {
background-color: var(--color-accent-contrast);
}
}
.table-cell {
padding: 1rem;
height: 100%;
align-items: center;
vertical-align: center;
display: flex;
}
.table-text {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: flex;
span {
display: inline-block;
text-overflow: ellipsis;
overflow: hidden;
}
}
// CUSTOM COMPONENTS
// TODO: MOST OF THESE SHOULD BE MOVED TO AN OMORPHIA COMPONENT
.textarea-wrapper {