aboutsummaryrefslogtreecommitdiff
path: root/ufund-ui/src/app/components/need-page/need-page.component.css
diff options
context:
space:
mode:
authorsowgro <tpoke.ferrari@gmail.com>2025-03-31 23:37:00 -0400
committersowgro <tpoke.ferrari@gmail.com>2025-03-31 23:37:00 -0400
commit896e1219526a19400c7143b274193f8b818d6156 (patch)
treeae794d7dff944dbdb61a558804c8530f2d7013af /ufund-ui/src/app/components/need-page/need-page.component.css
parent469678629e456a792e5f0c328e7c6786064279cb (diff)
downloadJellySolutions-896e1219526a19400c7143b274193f8b818d6156.tar.gz
JellySolutions-896e1219526a19400c7143b274193f8b818d6156.tar.bz2
JellySolutions-896e1219526a19400c7143b274193f8b818d6156.zip
Commit half working changes to move to my laptop
Diffstat (limited to 'ufund-ui/src/app/components/need-page/need-page.component.css')
-rw-r--r--ufund-ui/src/app/components/need-page/need-page.component.css57
1 files changed, 57 insertions, 0 deletions
diff --git a/ufund-ui/src/app/components/need-page/need-page.component.css b/ufund-ui/src/app/components/need-page/need-page.component.css
index a3a4014..f950171 100644
--- a/ufund-ui/src/app/components/need-page/need-page.component.css
+++ b/ufund-ui/src/app/components/need-page/need-page.component.css
@@ -8,3 +8,60 @@
flex-direction: column;
width: 1000px;
}
+
+.needName {
+ font-weight: bold;
+}
+
+.needType {
+ text-transform: uppercase;
+ font-size: 10pt;
+}
+
+.split {
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+
+
+ .left {
+ display: flex;
+ flex-direction: column;
+ }
+
+ .right {
+ display: flex;
+ flex-direction: column;
+ align-items: end;
+ }
+}
+
+.urgent {
+ font-size: 11pt;
+ background-color: rgba(255, 165, 0, 0.27);
+ color: rgba(255, 165, 0, 1);
+ padding: 2px;
+ border-radius: 5px;
+}
+
+.prog {
+ display: flex;
+ flex-direction: column;
+}
+
+.actionArea {
+ display: flex;
+ padding: 5px;
+ gap: 5px;
+}
+
+#editor {
+ position: absolute;
+ background-color: #4a4a4a;
+ display: flex;
+ flex-direction: column;
+ justify-self: center;
+ align-self: center;
+ padding: 20px;
+ box-shadow: 0 0 100px black;
+}