github-personal/firezone
1
0
Fork 0
mirror of https://github.com/outbackdingo/firezone.git synced 2026-01-27 18:18:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix user footer; bg colors

Browse Source
This commit is contained in:
Jamil Bou Kheir
2021-11-14 11:01:58 -08:00
parent 5c25a39d70
commit 242bdae060
2 changed files with 32 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
apps/fz_http/assets/local_modules/admin-one-bulma-dashboard/src/scss/_theme-firezone.scss
View File

@@ -56,7 +56,7 @@ $base-color-light: rgba(24, 28, 33, .06);
/* General overrides */
$primary: $accent-500;
$body-background-color: $interface-900;
$body-background-color: $interface-800;
$link: $accent-300;
$link-visited: $accent-600;
$light-border: 1px solid $base-color-light;
@@ -75,9 +75,9 @@ $menu-item-radius: 0;
$menu-list-link-padding: $size-base * .5 0;
$menu-label-color: $interface-300;
$menu-item-color: $interface-400;
$menu-item-hover-color: $interface-900;
$menu-item-hover-color: $interface-800;
$menu-item-hover-background-color: darken($base-color, 3.5%);
$menu-item-active-color: $interface-900;
$menu-item-active-color: $interface-800;
$menu-item-active-background-color: darken($base-color, 2.5%);
/* Aside: specifics */
@@ -88,14 +88,14 @@ $aside-submenu-font-size: $size-base * .95;
$aside-box-shadow: none;
$aside-background-color: $base-color;
$aside-tools-background-color: darken($aside-background-color, 10%);
$aside-tools-color: $interface-900;
$aside-tools-color: $interface-800;
/* Title Bar: specifics */
$title-bar-color: $interface-400;
$title-bar-active-color: $interface-100;
/* Hero Bar: specifics */
$hero-bar-background: $interface-900;
$hero-bar-background: $interface-800;
/* Card: Bulma override */
$card-shadow: none;
@@ -106,7 +106,7 @@ $card-border: 1px solid $base-color-light;
$card-header-border-bottom-color: $base-color-light;
/* Table: Bulma override */
$table-cell-border: 1px solid $interface-800;
$table-cell-border: 1px solid $interface-700;
/* Table: specifics */
$table-avatar-size: $size-base * 1.5;
@@ -131,7 +131,7 @@ $modal-card-foot-background-color: $interface-800;
$notification-padding: $default-padding * .75 $default-padding;
/* Footer: Bulma override */
$footer-background-color: $interface-900;
$footer-background-color: $white;
$footer-padding: $default-padding * .33 $default-padding;
/* Footer: specifics */

50
apps/fz_http/lib/fz_http_web/live/user_live/show.html.heex
View File

@@ -23,33 +23,33 @@
<div class="card-content">
<div class="content">
<%= render FzHttpWeb.SharedView, "user_details.html", user: @user %>
<footer class="card-footer">
<div class="field is-grouped card-footer-item">
<p class="control">
<%= live_patch(to: Routes.user_show_path(@socket, :edit, @user), class: "button is-primary") do %>
<span class="icon is-small">
<i class="fas fa-edit"></i>
</span>
<span>Change Email or Password</span>
<% end %>
</p>
<p class="control">
<button
class="button is-danger"
data-confirm="Are you sure? This will permanently delete this user, all associated devices and instantly drop any active VPN sessions associated to this user."
phx-click="delete_user"
phx-value-user_id={@user.id}>
<span class="icon is-small">
<i class="fas fa-trash"></i>
</span>
<span>Delete User</span>
</button>
</p>
</div>
</footer>
</div>
</div>
<footer class="card-footer">
<div class="field is-grouped card-footer-item">
<p class="control">
<%= live_patch(to: Routes.user_show_path(@socket, :edit, @user), class: "button is-primary") do %>
<span class="icon is-small">
<i class="fas fa-edit"></i>
</span>
<span>Change Email or Password</span>
<% end %>
</p>
<p class="control">
<button
class="button is-danger"
data-confirm="Are you sure? This will permanently delete this user, all associated devices and instantly drop any active VPN sessions associated to this user."
phx-click="delete_user"
phx-value-user_id={@user.id}>
<span class="icon is-small">
<i class="fas fa-trash"></i>
</span>
<span>Delete User</span>
</button>
</p>
</div>
</footer>
</div>
</div>
<div class="tile is-parent">