Skip to content

Commit 7fc75f4

Browse files
LewisYoulLewisYoul
committed
styling/Use small border radius
1 parent 2d879a6 commit 7fc75f4

31 files changed

+54
-54
lines changed

‎app/javascript/stylesheets/application.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55

66
.CodeMirror {
77
/* Set height, width, borders, and global font properties here */
8-
@apply font-mono p-2 rounded-lg border text-sm;
8+
@apply font-mono p-2 rounded-sm border text-sm;
99
height: auto;
1010
color: black;
1111
direction: ltr;

‎app/views/comments/_new.html.erb‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@
1111
<% end %>
1212

1313
<%= form_for [snippet, comment], remote: true, html: { data: { type: "html", action: "ajax:success->comments#onCreateSuccess ajax:error->comments#onCreateError" } } do |f| %>
14-
<%= f.text_area :body, id: "new-comment", data: { comments_target: 'body', form_target: 'field', action: 'input->form#validateInput' }, class: 'w-full border-gray-300 rounded-md p-2 bg-gray-50 h-28 text-sm', placeholder: snippet.comments.any? ? 'Join the discussion' : 'Be the first to comment' %>
14+
<%= f.text_area :body, id: "new-comment", data: { comments_target: 'body', form_target: 'field', action: 'input->form#validateInput' }, class: 'w-full border-gray-300 rounded-sm p-2 bg-gray-50 h-28 text-sm', placeholder: snippet.comments.any? ? 'Join the discussion' : 'Be the first to comment' %>
1515

1616
<div class="flex justify-end mt-2">
1717
<%= f.submit 'COMMENT', data: { form_target: 'submit' }, class: 'button--disabled' %>

‎app/views/devise/confirmations/new.html.erb‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55

66
<div>
77
<%= f.label :email, class: "block text-sm font-medium text-gray-700" %>
8-
<%= f.email_field :email, autofocus: true, autocomplete: "email", value: (resource.pending_reconfirmation? ? resource.unconfirmed_email : resource.email), class: "mt-1 shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm border-gray-300 rounded-md" %>
8+
<%= f.email_field :email, autofocus: true, autocomplete: "email", value: (resource.pending_reconfirmation? ? resource.unconfirmed_email : resource.email), class: "mt-1 shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm border-gray-300 rounded-sm" %>
99
</div>
1010

1111
<%= f.submit "RESEND", class: "mt-4 button--cta-primary w-full flex justify-center" %>

‎app/views/devise/passwords/edit.html.erb‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,12 +6,12 @@
66

77
<div>
88
<%= f.label :password, "New password", class: "block text-sm font-medium text-gray-700" %>
9-
<%= f.password_field :password, autofocus: true, autocomplete: "new-password", class: "mt-1 shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm border-gray-300 rounded-md" %>
9+
<%= f.password_field :password, autofocus: true, autocomplete: "new-password", class: "mt-1 shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm border-gray-300 rounded-sm" %>
1010
</div>
1111

1212
<div class="mt-4">
1313
<%= f.label :password_confirmation, "Confirm new password", class: "block text-sm font-medium text-gray-700" %>
14-
<%= f.password_field :password_confirmation, autocomplete: "new-password", class: "mt-1 shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm border-gray-300 rounded-md" %>
14+
<%= f.password_field :password_confirmation, autocomplete: "new-password", class: "mt-1 shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm border-gray-300 rounded-sm" %>
1515
</div>
1616

1717
<%= f.submit "CHANGE PASSWORD", class: 'mt-4 button--cta-primary w-full flex justify-center' %>

‎app/views/devise/passwords/new.html.erb‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55

66
<div>
77
<%= f.label :email, class: "block text-sm font-medium text-gray-700" %>
8-
<%= f.email_field :email, autofocus: true, autocomplete: "email", class: "mt-1 shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm border-gray-300 rounded-md" %>
8+
<%= f.email_field :email, autofocus: true, autocomplete: "email", class: "mt-1 shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm border-gray-300 rounded-sm" %>
99
</div>
1010

1111
<%= f.submit "SEND RESET INSTRUCTIONS", class: "mt-4 button--cta-primary w-full flex justify-center" %>

‎app/views/devise/registrations/edit.html.erb‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -26,17 +26,17 @@
2626

2727
<div class="mt-4">
2828
<%= f.label :name, class: "block text-sm font-medium text-gray-700" %>
29-
<%= f.text_field :name, class: "mt-1 shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm border-gray-300 rounded-md", data: { form_target: "field", action: "input->form#validateInput" } %>
29+
<%= f.text_field :name, class: "mt-1 shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm border-gray-300 rounded-sm", data: { form_target: "field", action: "input->form#validateInput" } %>
3030
</div>
3131

3232
<div class="mt-4">
3333
<%= f.label :bio, class: "block text-sm font-medium text-gray-700" %>
34-
<%= f.text_area :bio, class: "mt-1 shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm border-gray-300 rounded-md", data: { form_target: "field", action: "input->form#validateInput" } %>
34+
<%= f.text_area :bio, class: "mt-1 shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm border-gray-300 rounded-sm", data: { form_target: "field", action: "input->form#validateInput" } %>
3535
</div>
3636

3737
<div class="mt-4">
3838
<%= f.label :location, class: "block text-sm font-medium text-gray-700" %>
39-
<%= f.text_field :location, class: "mt-1 shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm border-gray-300 rounded-md", data: { form_target: "field", action: "input->form#validateInput" } %>
39+
<%= f.text_field :location, class: "mt-1 shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm border-gray-300 rounded-sm", data: { form_target: "field", action: "input->form#validateInput" } %>
4040
</div>
4141

4242
<div class="mt-4 flex justify-end">
@@ -52,18 +52,18 @@
5252

5353
<div>
5454
<%= f.label :current_password, class: "block text-sm font-medium text-gray-700" %>
55-
<%= f.password_field :current_password, autocomplete: "current-password", class: "mt-1 shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm border-gray-300 rounded-md" %>
55+
<%= f.password_field :current_password, autocomplete: "current-password", class: "mt-1 shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm border-gray-300 rounded-sm" %>
5656
<span class="block mt-1 color-grey text-14">We need your current password to confirm your changes</span>
5757
</div>
5858

5959
<div class="mt-4">
6060
<%= f.label :password, class: "block text-sm font-medium text-gray-700" %>
61-
<%= f.password_field :password, autocomplete: "new-password", class: "mt-1 shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm border-gray-300 rounded-md" %>
61+
<%= f.password_field :password, autocomplete: "new-password", class: "mt-1 shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm border-gray-300 rounded-sm" %>
6262
</div>
6363

6464
<div class="mt-4">
6565
<%= f.label :password_confirmation, 'Confirm password', class: "block text-sm font-medium text-gray-700" %>
66-
<%= f.password_field :password_confirmation, autocomplete: "new-password", class: "mt-1 shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm border-gray-300 rounded-md" %>
66+
<%= f.password_field :password_confirmation, autocomplete: "new-password", class: "mt-1 shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm border-gray-300 rounded-sm" %>
6767
</div>
6868

6969

‎app/views/devise/registrations/new.html.erb‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -5,22 +5,22 @@
55

66
<div>
77
<%= f.label :name, class: "block text-sm font-medium text-gray-700" %>
8-
<%= f.text_field :name, autofocus: true, autocomplete: "name", class: "mt-1 shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm border-gray-300 rounded-md" %>
8+
<%= f.text_field :name, autofocus: true, autocomplete: "name", class: "mt-1 shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm border-gray-300 rounded-sm" %>
99
</div>
1010

1111
<div class="mt-4">
1212
<%= f.label :email, class: "block text-sm font-medium text-gray-700" %>
13-
<%= f.email_field :email, autocomplete: "email", class: "mt-1 shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm border-gray-300 rounded-md" %>
13+
<%= f.email_field :email, autocomplete: "email", class: "mt-1 shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm border-gray-300 rounded-sm" %>
1414
</div>
1515

1616
<div class="mt-4">
1717
<%= f.label :password, class: "block text-sm font-medium text-gray-700" %>
18-
<%= f.password_field :password, autocomplete: "new-password", class: "mt-1 shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm border-gray-300 rounded-md" %>
18+
<%= f.password_field :password, autocomplete: "new-password", class: "mt-1 shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm border-gray-300 rounded-sm" %>
1919
</div>
2020

2121
<div class="mt-4">
2222
<%= f.label :password_confirmation, class: "block text-sm font-medium text-gray-700" %>
23-
<%= f.password_field :password_confirmation, autocomplete: "new-password", class: "mt-1 shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm border-gray-300 rounded-md" %>
23+
<%= f.password_field :password_confirmation, autocomplete: "new-password", class: "mt-1 shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm border-gray-300 rounded-sm" %>
2424
</div>
2525

2626
<%= f.submit "SIGN UP", class: "mt-4 button--cta-primary w-full flex justify-center" %>

‎app/views/devise/sessions/new.html.erb‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,12 +3,12 @@
33
<%= form_for(resource, as: resource_name, url: session_path(resource_name)) do |f| %>
44
<div>
55
<%= f.label :email, class: "block text-sm font-medium text-gray-700" %>
6-
<%= f.email_field :email, autocomplete: "email", class: "mt-1 shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm border-gray-300 rounded-md" %>
6+
<%= f.email_field :email, autocomplete: "email", class: "mt-1 shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm border-gray-300 rounded-sm" %>
77
</div>
88

99
<div class="mt-4">
1010
<%= f.label :password, class: "block text-sm font-medium text-gray-700" %>
11-
<%= f.password_field :password, class: "mt-1 shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm border-gray-300 rounded-md" %>
11+
<%= f.password_field :password, class: "mt-1 shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm border-gray-300 rounded-sm" %>
1212
</div>
1313

1414
<div class="mt-4 flex items-center justify-between">

‎app/views/folders/index.html.erb‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@
99
placeholder="Search your folders"
1010
data-action="input->infinite-scroll-window#search"
1111
data-infinite-scroll-window-target="input"
12-
class="w-full mb-4 shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm border-gray-300 rounded-md"
12+
class="w-full mb-4 shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm border-gray-300 rounded-sm"
1313
/> %>
1414

1515
<div class="flex justify-between mb-4 relative">
@@ -24,7 +24,7 @@
2424
</div>
2525
<input
2626
type="text"
27-
class="focus:ring-indigo-500 focus:border-indigo-500 w-full block pl-10 sm:text-sm border-gray-300 rounded-md shadow-sm"
27+
class="focus:ring-indigo-500 focus:border-indigo-500 w-full block pl-10 sm:text-sm border-gray-300 rounded-sm shadow-sm"
2828
placeholder="Search your folders"
2929
data-action="input->infinite-scroll-window#search"
3030
data-infinite-scroll-window-target="input"

‎app/views/folders/show.html.erb‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@
1414
</div>
1515
<input
1616
type="text"
17-
class="focus:ring-indigo-500 focus:border-indigo-500 block w-1/2 pl-10 sm:text-sm border-gray-300 rounded-md shadow-sm"
17+
class="focus:ring-indigo-500 focus:border-indigo-500 block w-1/2 pl-10 sm:text-sm border-gray-300 rounded-sm shadow-sm"
1818
placeholder="Search <%= @folder.name %>"
1919
data-action="input->infinite-scroll-window#search"
2020
data-infinite-scroll-window-target="input"

0 commit comments

Comments
 (0)