t/tetratto
1
0
Fork 0
Code Issues Pull requests Projects Releases 5 Packages Wiki Activity Actions

add: forges ui

Browse source 
TODO: forges tickets feed, posts open/closed state
This commit is contained in:
trisua 2025-06-09 16:45:36 -04:00
parent 5b1db42c51
commit a6140f7c8c
40 changed files with 1664 additions and 1270 deletions
Download patch file Download diff file Expand all files Collapse all files

213
crates/app/src/public/css/utility.css Normal file
View file

@ -0,0 +1,213 @@
/* utility */
.flex {
display: flex;
}
.flex-col {
flex-direction: column;
}
.flex-rev-col {
flex-direction: column-reverse;
}
.flex-row {
flex-direction: row !important;
}
.flex-rev-row {
flex-direction: row-reverse;
}
.flex-wrap {
flex-wrap: wrap;
}
.justify-center {
justify-content: center;
}
.justify-between {
justify-content: space-between;
}
.justify-right {
justify-content: right;
}
.justify-start {
justify-content: flex-start;
}
.items-center {
align-items: center;
}
.gap-1 {
gap: var(--pad-1);
}
.gap-2 {
gap: var(--pad-2);
}
.gap-4 {
gap: var(--pad-4);
}
.gap-8 {
gap: 1.25rem;
}
.mobile {
display: none !important;
}
@media screen and (max-width: 650px) {
.desktop {
display: none !important;
}
.mobile {
display: flex !important;
}
}
@media screen and (max-width: 900px) {
.flex-collapse {
flex-direction: column !important;
}
.sm\:static {
position: static !important;
}
.mobile.flex {
display: flex !important;
}
.sm\:w-full {
width: 100% !important;
min-width: 100% !important;
}
.sm\:mt-2 {
margin-top: 2rem !important;
}
.sm\:items-start {
align-items: flex-start !important;
}
.sm\:contents {
display: contents !important;
}
}
.shadow {
box-shadow: 0 0 8px var(--color-shadow);
}
.shadow-md {
box-shadow: 0 8px 16px var(--color-shadow);
}
.round-sm {
border-radius: calc(var(--radius) / 2) !important;
}
.round {
border-radius: var(--radius) !important;
}
.round-md {
border-radius: calc(var(--radius) * 2) !important;
}
.round-lg {
border-radius: calc(var(--radius) * 4) !important;
}
.w-full {
width: 100% !important;
}
.w-content {
width: max-content !important;
}
.bold {
font-weight: 600;
}
[disabled="fully"] {
opacity: 75%;
pointer-events: visible;
cursor: not-allowed;
user-select: none;
}
.fade,
.CodeMirror-placeholder {
opacity: 75%;
transition: opacity 0.15s;
}
.ff-inherit {
font-family: inherit;
}
.fs-md {
font-size: 12px;
}
[align="center"],
.text-center {
text-align: center;
}
[align="right"],
.text-right {
text-align: right;
}
.red {
color: var(--color-red) !important;
}
.green {
color: var(--color-green) !important;
}
.hidden {
display: none !important;
}
align {
width: 100%;
display: block;
}
align.center {
text-align: center;
}
align.right {
text-align: right;
}
/* lhs, rhs */
.rhs {
width: calc(100% - 23rem) !important;
}
@media screen and (max-width: 900px) {
.rhs {
width: 100% !important;
}
}
/* turbo */
.turbo-progress-bar {
background: var(--color-primary);
}