Version 0.3.3 - Add of links

public/stylesheets/style.css

@@ -593,10 +593,10 @@ a {
 }
 
 .fx-editor-content {
-
+  border: none;
+  border-top: 1px solid rgb(70, 67, 67);
   background-color: transparent;
   color: white;
-  border: none;
   padding: 15px;
   height: 100%;
 
@@ -722,4 +722,74 @@ a {
   display: flex;
   flex-direction: column;
   gap: 10px;
+}
+
+/* Links */
+
+.ln-bar {
+
+    display: flex;
+    justify-content: right;
+    padding: 10px;
+    gap: 10px;
+}
+
+.ln-create {
+
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.ln-abstract-label {
+
+  text-align: center;
+  font-size: 12px;
+}
+
+.ln-abstract-div {
+
+  display: flex;
+  flex-direction: row;
+  text-align: center;
+  align-items: center;
+  justify-content: center;
+}
+
+.ln-link-actions {
+
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  align-items: flex-end;
+
+}
+
+.ln-link {
+
+  display: grid;
+  grid-template-columns: 1fr 3fr 1fr;
+  align-items: center;
+  justify-content: space-between;
+  padding: 10px;
+  border-radius: 10px;
+  background-color: #1b1b1bc1;
+  transition: 0.1s;
+
+
+}
+
+.ln-links {
+
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  height: 75%;
+  padding: 10px;
+  overflow-y: auto;
+}
+
+.ln-link-url {
+
+  font-size: 12px;
 }