Add a helper application to manage attributes on characters
This commit is contained in:
parent
91ccd93814
commit
6b81d8d83b
10 changed files with 298 additions and 12 deletions
33
styles/Apps/AttributeManager.css
Normal file
33
styles/Apps/AttributeManager.css
Normal file
|
|
@ -0,0 +1,33 @@
|
|||
.taf.AttributeManager {
|
||||
.attributes {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.attribute {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr auto auto;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
padding: 8px;
|
||||
border: 1px solid rebeccapurple;
|
||||
border-radius: 4px;
|
||||
|
||||
label {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
|
||||
.controls {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
gap: 8px;
|
||||
|
||||
button {
|
||||
flex-grow: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,17 +1,10 @@
|
|||
.taf.PlayerSheet {
|
||||
> .window-content {
|
||||
padding: 0.5rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.5rem;
|
||||
}
|
||||
|
||||
.sheet-header, fieldset, .content {
|
||||
border-radius: 8px;
|
||||
border: 1px solid rebeccapurple;
|
||||
}
|
||||
|
||||
.window-content > header {
|
||||
.sheet-header {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
|
|
|
|||
8
styles/Apps/common.css
Normal file
8
styles/Apps/common.css
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
.taf {
|
||||
> .window-content {
|
||||
padding: 0.5rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.5rem;
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue