added responsiveness to modal and edit page

This commit is contained in:
Ethan Fraenkel
2018-09-03 11:25:20 +02:00
parent 598d59319e
commit 8bd06651cf
5 changed files with 40 additions and 13 deletions

View File

@@ -32,11 +32,11 @@
<i class="fas fa-times-circle"></i>
<% end %>
<div class="container">
<div class="modal-container">
<div class="modal-container modal-flex">
<% if contact.photo.url.nil? %>
<img src="https://upload.wikimedia.org/wikipedia/commons/8/89/Portrait_Placeholder.png" class="avatar profile dropdown-toggle img-circle" width=150>
<img src="https://upload.wikimedia.org/wikipedia/commons/8/89/Portrait_Placeholder.png" class="avatar profile dropdown-toggle img-circle modal-picture" width=150>
<% else %>
<%= cl_image_tag contact.photo, class: "profile avatar dropdown-toggle img-circle", width:150%>
<%= cl_image_tag contact.photo, class: "profile avatar dropdown-toggle img-circle modal-picture", width:150%>
<% end %>
<div class="modal-text">
<h4 class="modal-title" id="myModalLabel">Calling</h4>

View File

@@ -8,3 +8,5 @@
<%= p.button :submit, class: "btn btn-primary" %>
<% end %>

View File

@@ -7,25 +7,24 @@
<%= t.input :last_name %>
<%= t.input :password %>
<%= t.input :photo %>
<div class="small-profile-pic hidden-md hidden-lg">
<% if @user.photo.url.nil? %>
<%= image_tag "https://upload.wikimedia.org/wikipedia/commons/8/89/Portrait_Placeholder.png"%>
<% else %>
<%= cl_image_tag current_user.photo%>
<% end %>
</div>
<%= t.submit :Save, class: "btn btn-primary save-btn form-control" %>
<p></p>
<%= link_to "View my profile", user_path(@user), class: "btn btn-primary save-btn form-control" %>
</div>
<div class="profile-pic">
<div class="profile-pic hidden-xs hidden-sm">
<% if @user.photo.url.nil? %>
<%= image_tag "https://upload.wikimedia.org/wikipedia/commons/8/89/Portrait_Placeholder.png"%>
<% else %>
<%= cl_image_tag current_user.photo%>
<% end %>
<%#= t.input_field :photo, onchange: 'this.form.submit();' %>
<%#= t.input_field :photo, as: :hidden %>
</div>
</div>
<% end %>
</div>