kevin/hypothetical
1
0
Fork 0
mirror of https://github.com/prurigro/hypothetical.git synced 2024-11-09 11:16:39 -05:00
Code Issues Projects Releases Packages Wiki Activity

Fix missing icons in the dashboard

Browse source
This commit is contained in:
Kevin MacMartin 2020-04-29 00:36:25 -04:00
parent 8849b13296
commit 0fa1663c1d
4 changed files with 11 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
public/img/dashboard/checkmark.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28.395 25.473"><g transform="rotate(33.876 82.764 -17.446)" fill="#000001" stroke="#000" stroke-linecap="square"><rect ry="0" y="51.108" x="32.997" height="5.655" width="16.085" stroke-width=".118"/><rect transform="rotate(90)" ry="0" y="-49.077" x="30.086" height="5.646" width="20.947" stroke-width=".134"/></g></svg>
Side by side

After

Width:  |  Height:  |  Size: 372 B

4
resources/js/dashboard.js vendored
View file

@ -820,7 +820,9 @@ function userProfileImageInit() {
} }
}); });
$delete.on("click", function() { $delete.on("click", function(e) {
e.preventDefault();
if (!submitting) { if (!submitting) {
submitting = true; submitting = true;

11
resources/sass/dashboard.scss vendored
View file

@ -370,7 +370,7 @@ body {
display: block; display: block;
width: 100%; width: 100%;
height: 100%; height: 100%;
background-image: url("/img/dashboard/icons/checkmark.svg"); background-image: url("/img/dashboard/checkmark.svg");
background-position: center center; background-position: center center;
background-size: 65% auto; background-size: 65% auto;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -1157,10 +1157,6 @@ form {
border: 1px solid darken($c-dashboard-light, 14%); border: 1px solid darken($c-dashboard-light, 14%);
border-radius: 3px; border-radius: 3px;
background-color: darken($c-dashboard-light, 10%); background-color: darken($c-dashboard-light, 10%);
background-position: center center;
background-size: 50% auto;
background-repeat: no-repeat;
font-size: 0px;
line-height: 1; line-height: 1;
cursor: pointer; cursor: pointer;
@ -1170,12 +1166,13 @@ form {
} }
.image-upload-button { .image-upload-button {
background-image: url("/img/dashboard/icons/upload.svg"); display: flex;
justify-content: center;
align-items: center;
transition: background-color 150ms; transition: background-color 150ms;
} }
.image-delete-button { .image-delete-button {
background-image: url("/img/dashboard/icons/trash-alt.svg");
opacity: 1; opacity: 1;
transition: background-color 150ms, opacity 150ms; transition: background-color 150ms, opacity 150ms;

6
resources/views/dashboard/pages/settings.blade.php
View file

@ -22,13 +22,13 @@
<div class="image-buttons"> <div class="image-buttons">
<input id="profile-image-upload" name="profile-image-upload" type="file" /> <input id="profile-image-upload" name="profile-image-upload" type="file" />
<label for="profile-image-upload" class="image-upload-button" title="Upload Profile Image"></label> <label for="profile-image-upload" class="image-upload-button" title="Upload Profile Image"><i class="fas fa-upload"></i></label>
<span id="profile-image-delete" class="image-delete-button {{ $profile_image === null ? 'inactive' : '' }}" title="Delete Profile Image"></span> <button id="profile-image-delete" class="image-delete-button {{ $profile_image === null ? 'inactive' : '' }}" title="Delete Profile Image"><i class="fas fa-trash-alt"></i></button>
</div> </div>
</form> </form>
<form id="user-profile-update" class="edit-item user-profile-update"> <form id="user-profile-update" class="edit-item user-profile-update">
<h2 class="form-title">User Profile</h2> <h2 class="form-title">User Profile <i class="fas fa-upload"></i></h2>
<label for="email">Email:</label> <label for="email">Email:</label>
<input class="text-input" type="text" name="email" id="email" value="{{ $user->email }}" disabled /> <input class="text-input" type="text" name="email" id="email" value="{{ $user->email }}" disabled />