dev: brand footer

Author: navix

projects/ngxe/src/app/app.component.html

@@ -44,5 +44,7 @@ <h1 class="title">{{ project.data.config.name }}</h1>
     [table]="project.table"
     class="table"
   >
+    Crafted by Oleksa Novyk.
+    <a href="https://github.com/navix/ngxe" target="_blank">GitHub</a>.
   </app-table>
 </ng-container>

projects/ngxe/src/app/app.component.scss

@@ -13,6 +13,7 @@
     --row-deleted-hover: #f6cfdc;
     --row-new: #d6ffd6;
     --row-new-hover: #bff3bf;
+    --link: #26c7f1;
   }
   &.-solar {
     --background: #fdf6e3;
@@ -28,6 +29,7 @@
     --row-deleted-hover: #f6cfdc;
     --row-new: #d6ffd6;
     --row-new-hover: #bff3bf;
+    --link: #26c7f1;
   }
   &.-dark {
     --background: #292c32;
@@ -43,6 +45,7 @@
     --row-deleted-hover: linear-gradient(110deg, rgb(191 36 36 / 45%) 0%, rgba(0, 255, 226, 0) 100%);
     --row-new: linear-gradient(110deg, rgb(70 206 82 / 35%) 0%, rgba(0, 255, 226, 0) 100%);
     --row-new-hover: linear-gradient(110deg, rgb(70 206 82 / 40%) 0%, rgba(0, 255, 226, 0) 100%);
+    --link: #26c7f1;
   }
 }
 
@@ -92,3 +95,7 @@
 .table {
   flex-grow: 1;
 }
+
+a {
+  color: var(--link);
+}

projects/ngxe/src/app/table/table.component.html

@@ -91,6 +91,9 @@ <h5>Suggestions</h5>
 </div>
 
 <div class="footer">
+  <div class="proj">
+    <ng-content></ng-content>
+  </div>
   <div class="paginator">
     <div class="per-page-selector">
       <label>

projects/ngxe/src/app/table/table.component.scss

@@ -111,12 +111,16 @@
 }
 
 .footer {
+  align-items: center;
   border-top: 2px solid var(--border-2);
   display: flex;
   flex-flow: row;
   flex-shrink: 0;
-  justify-content: flex-end;
   padding: .5rem 1rem;
+  .proj {
+    flex-grow: 1;
+    font-size: .75rem;
+  }
   .paginator {
     align-items: center;
     display: flex;