frontend

Start work on formatter for content

frontend-reactive/app/styles/app.css

@@ -1,7 +1,10 @@
 /* Ember supports plain CSS out of the box. More info: https://cli.emberjs.com/release/advanced-use/stylesheets/ */
+
+/* @import url("debug.css"); */
 @import url("fonts.css");
 @import url("colors.css");
 @import url("notes.css");
 @import url("util.css");
 @import url("svgs.css");
 @import url("timeline.css");
+@import url("auth.css");

frontend-reactive/app/styles/debug.css

@@ -0,0 +1,3 @@
+* {
+  border: red 1px dashed;
+}

frontend-reactive/app/styles/notes.css

@@ -6,12 +6,12 @@
   height: fit-content;
 
   /* align-items: center; */
-  border: 1px dashed red;
 
   /* max-width: 50em; */
   padding: 0.5em;
   background-color: var(--background-100);
   color: var(--text);
+  border-radius: 1em;
 }
 
 .note-user-header {
@@ -23,7 +23,6 @@
 }
 
 .note-user-pfp {
-  border: 1px dashed red;
   width: 3em;
   height: 3em;
   padding-bottom: 0.1em;
@@ -44,7 +43,7 @@
 }
 
 .note-user-handle {
-  /* font-size: 85%; */
+  font-size: 0.8em;
   color: #555;
   margin: 0;
 }
@@ -55,7 +54,7 @@
 }
 
 .note-timestamp {
-  /* font-size: 0.8em; */
+  font-size: 0.8em;
   margin: -0.1em;
   color: var(--text-700);
 }
@@ -65,11 +64,9 @@
   flex-direction: column;
   width: fit-content;
   align-items: center;
-  border: 1px dashed red;
 }
 
 .note-content-text {
-  border: 1px dashed red;
   margin-top: -0.08em;
   margin-bottom: -0.08em;
   padding: 0.2em;
@@ -80,7 +77,7 @@
   margin-bottom: 0.3em;
   cursor: pointer;
   background-color: var(--secondary-300);
-  padding: 0.1em 0.3em 0.2em;
+  padding: 0.1em 0.3em;
   border-radius: 8px;
   border: 1px solid #aaa;
 }
@@ -93,7 +90,7 @@
   display: flex;
   flex-direction: row;
   align-items: center;
-  border-top: 1px solid black;
+  border-top: 1px solid var(--text-300);
   padding-top: 0.5em;
 }
 

frontend-reactive/app/styles/timeline.css

@@ -5,3 +5,7 @@
   scroll-behavior: smooth;
   overflow-y: scroll;
 }
+
+.timeline-separator {
+  color: var(--text-400);
+}