lens @ 687b327cf8fd2b7122eb9b5ba6c8a24996b60966

feat: Add mockup for user settings
  1diff --git a/scss/main.scss b/scss/main.scss
  2index faad1caee8041b36f946b89d7f8b309d042426c2..033315f51b4c6b75ed6da68eb9d5faa25656409b 100644
  3--- a/scss/main.scss
  4+++ b/scss/main.scss
  5@@ -1,7 +1,7 @@
  6 $breakpoint: 520px;
  7 
  8 $tablet: $breakpoint;
  9-$body-font-size: 1.3rem;
 10+$body-font-size: 1rem;
 11 $radius-rounded: 0;
 12 $container-max-width: 920px;
 13 
 14@@ -14,6 +14,9 @@
 15 $card-shadow: 0;
 16 $card-radius: 0;
 17 $card-content-padding: 0;
 18+
 19+$table-cell-padding: 0.5em;
 20+$table-cell-border-width: 0;
 21 
 22 @import "bulma/sass/base/_all.sass";
 23 @import "bulma/sass/utilities/_all.sass";
 24@@ -63,6 +66,10 @@
 25     @include until($breakpoint) {
 26         width: auto;
 27     }
 28+}
 29+
 30+th {
 31+    font-weight: normal;
 32 }
 33 
 34 .img {
 35diff --git a/templates/settings.html b/templates/settings.html
 36index f8423fc2753c7f9defc286d21cc551064c7942e8..2aa1a80ea944113afeac78ecc08cac704956187d 100644
 37--- a/templates/settings.html
 38+++ b/templates/settings.html
 39@@ -1,25 +1,63 @@
 40 {{template "layout.html" .}}
 41 {{define "title"}} {{.Title}} {{end}}
 42 {{define "content"}}
 43-<form action="/settings/", method="post">
 44-    <div class="field">
 45-        <div class="control">
 46-            <label class="checkbox">
 47-                <input type="checkbox" id="showMode" name="showMode" {{if .Data.ShowMode}}checked{{end}}>
 48-                Show File Modes
 49-            </label>
 50-        </div>
 51+<div class="columns">
 52+    <div class="column is-one-third">
 53+        <form action="/settings/", method="post">
 54+            <div class="field">
 55+                <div class="control">
 56+                    <label class="checkbox">
 57+                        <input type="checkbox" id="showMode" name="showMode" {{if .Data.ShowMode}}checked{{end}}>
 58+                        Show File Modes
 59+                    </label>
 60+                </div>
 61+            </div>
 62+            <div class="field">
 63+                <div class="control">
 64+                    <label class="checkbox">
 65+                        <input type="checkbox" id="showOwner" name="showOwner" {{if .Data.ShowOwner}}checked{{end}}>
 66+                        Show File Owner
 67+                    </label>
 68+                </div>
 69+            </div>
 70+            <div class="field">
 71+                <input class="button" value="save" type="submit">
 72+            </div>
 73+        </form>
 74     </div>
 75-    <div class="field">
 76-        <div class="control">
 77-            <label class="checkbox">
 78-                <input type="checkbox" id="showOwner" name="showOwner" {{if .Data.ShowOwner}}checked{{end}}>
 79-                Show File Owner
 80-            </label>
 81+    <div class="column">
 82+        <div class="table-container">
 83+            <table class="table">
 84+                <thead>
 85+                    <tr>
 86+                        <th>Username</th>
 87+                        <th>Path</th>
 88+                        <th>Is Admin?</th>
 89+                        <th>Action</th>
 90+                    </tr>
 91+                </thead>
 92+                <tbody>
 93+                    <tr>
 94+                        <td>gabrielgio</td>
 95+                        <td>/home/gabrielgio</td>
 96+                        <td>yes</td>
 97+                        <td>
 98+                            <a href="#" class="button is-small">Edit</button>
 99+                            <a href="#" class="button is-small is-danger">Delete</button>
100+                        </td>
101+                    </tr>
102+                    <tr>
103+                        <td>beatriz</td>
104+                        <td>/home/beatriz</td>
105+                        <td>no</td>
106+                        <td>
107+                            <a href="#" class="button is-small">Edit</button>
108+                            <a href="#" class="button is-small is-danger">Delete</button>
109+                        </td>
110+                    </tr>
111+                </tbody>
112+            </table>
113         </div>
114     </div>
115-    <div class="field">
116-        <input class="button" value="save" type="submit">
117-    </div>
118-</form>
119+</div>
120 {{end}}