bullet_train-themes-light 1.2.9 → 1.2.11
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/assets/stylesheets/light/fields/date_field.css +1 -1
- data/app/assets/stylesheets/light/fields/index.css +5 -0
- data/app/assets/stylesheets/light/fields/super_select.css +5 -5
- data/app/assets/stylesheets/light/fields/trix_editor.css +1 -1
- data/app/assets/stylesheets/light/tailwind/colors/amber.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors/blue.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors/cyan.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors/emerald.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors/fuchsia.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors/gray.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors/green.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors/indigo.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors/lime.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors/neutral.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors/orange.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors/pink.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors/purple.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors/red.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors/rose.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors/sky.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors/slate.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors/stone.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors/teal.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors/violet.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors/yellow.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors/zinc.css +23 -0
- data/app/assets/stylesheets/light/tailwind/colors.css +45 -255
- data/app/assets/stylesheets/light/tailwind/components.css +14 -6
- data/app/assets/stylesheets/light/tailwind/dark-mode.css +29 -92
- data/app/assets/stylesheets/light/tailwind/secondary_colors/amber.css +12 -0
- data/app/assets/stylesheets/light/tailwind/secondary_colors/blue.css +12 -0
- data/app/assets/stylesheets/light/tailwind/secondary_colors/cyan.css +12 -0
- data/app/assets/stylesheets/light/tailwind/secondary_colors/emerald.css +12 -0
- data/app/assets/stylesheets/light/tailwind/secondary_colors/fuchsia.css +12 -0
- data/app/assets/stylesheets/light/tailwind/secondary_colors/gray.css +12 -0
- data/app/assets/stylesheets/light/tailwind/secondary_colors/green.css +12 -0
- data/app/assets/stylesheets/light/tailwind/secondary_colors/indigo.css +12 -0
- data/app/assets/stylesheets/light/tailwind/secondary_colors/lime.css +12 -0
- data/app/assets/stylesheets/light/tailwind/secondary_colors/neutral.css +12 -0
- data/app/assets/stylesheets/light/tailwind/secondary_colors/orange.css +12 -0
- data/app/assets/stylesheets/light/tailwind/secondary_colors/pink.css +12 -0
- data/app/assets/stylesheets/light/tailwind/secondary_colors/purple.css +12 -0
- data/app/assets/stylesheets/light/tailwind/secondary_colors/red.css +12 -0
- data/app/assets/stylesheets/light/tailwind/secondary_colors/rose.css +12 -0
- data/app/assets/stylesheets/light/tailwind/secondary_colors/sky.css +12 -0
- data/app/assets/stylesheets/light/tailwind/secondary_colors/slate.css +12 -0
- data/app/assets/stylesheets/light/tailwind/secondary_colors/stone.css +12 -0
- data/app/assets/stylesheets/light/tailwind/secondary_colors/teal.css +12 -0
- data/app/assets/stylesheets/light/tailwind/secondary_colors/violet.css +12 -0
- data/app/assets/stylesheets/light/tailwind/secondary_colors/yellow.css +12 -0
- data/app/assets/stylesheets/light/tailwind/secondary_colors/zinc.css +12 -0
- data/app/assets/stylesheets/light/tailwind/utilities.css +1 -22
- data/app/views/themes/light/_alert.html.erb +15 -11
- data/app/views/themes/light/_box.html.erb +5 -5
- data/app/views/themes/light/_breadcrumb.html.erb +3 -3
- data/app/views/themes/light/_cell.html.erb +2 -2
- data/app/views/themes/light/_decision_line.html.erb +2 -2
- data/app/views/themes/light/_line.html.erb +2 -2
- data/app/views/themes/light/_well.html.erb +2 -2
- data/app/views/themes/light/actions/_action.html.erb +7 -7
- data/app/views/themes/light/actions/_list.html.erb +1 -1
- data/app/views/themes/light/attributes/_base.html.erb +1 -1
- data/app/views/themes/light/attributes/_progress_bar.html.erb +1 -1
- data/app/views/themes/light/billing/_pricing_table.html.erb +5 -5
- data/app/views/themes/light/commentary/_box.html.erb +1 -11
- data/app/views/themes/light/conversations/_card.html.erb +5 -5
- data/app/views/themes/light/conversations/_comment.html.erb +3 -3
- data/app/views/themes/light/conversations/_message.html.erb +7 -7
- data/app/views/themes/light/conversations/_thread_border.html.erb +1 -1
- data/app/views/themes/light/fields/_field.html.erb +4 -4
- data/app/views/themes/light/layouts/_account.html.erb +6 -6
- data/app/views/themes/light/layouts/_devise.html.erb +1 -2
- data/app/views/themes/light/menu/_account.html.erb +7 -3
- data/app/views/themes/light/menu/_heading.html.erb +1 -1
- data/app/views/themes/light/menu/_item.html.erb +2 -2
- data/app/views/themes/light/menu/_mobile.html.erb +6 -6
- data/app/views/themes/light/menu/_open.html.erb +1 -1
- data/app/views/themes/light/menu/_subsection.html.erb +5 -3
- data/app/views/themes/light/menu/_user.html.erb +1 -1
- data/app/views/themes/light/workflow/_box.html.erb +1 -1
- data/lib/bullet_train/themes/light/version.rb +1 -1
- data/lib/bullet_train/themes/light.rb +2 -1
- data/tailwind.light.config.js +8 -45
- metadata +47 -3
@@ -0,0 +1,12 @@
|
|
1
|
+
.theme-secondary-indigo {
|
2
|
+
--secondary-50: theme('colors.indigo.50');
|
3
|
+
--secondary-100: theme('colors.indigo.100');
|
4
|
+
--secondary-200: theme('colors.indigo.200');
|
5
|
+
--secondary-300: theme('colors.indigo.300');
|
6
|
+
--secondary-400: theme('colors.indigo.400');
|
7
|
+
--secondary-500: theme('colors.indigo.500');
|
8
|
+
--secondary-600: theme('colors.indigo.600');
|
9
|
+
--secondary-700: theme('colors.indigo.700');
|
10
|
+
--secondary-800: theme('colors.indigo.800');
|
11
|
+
--secondary-900: theme('colors.indigo.900');
|
12
|
+
}
|
@@ -0,0 +1,12 @@
|
|
1
|
+
.theme-secondary-lime {
|
2
|
+
--secondary-50: theme('colors.lime.50');
|
3
|
+
--secondary-100: theme('colors.lime.100');
|
4
|
+
--secondary-200: theme('colors.lime.200');
|
5
|
+
--secondary-300: theme('colors.lime.300');
|
6
|
+
--secondary-400: theme('colors.lime.400');
|
7
|
+
--secondary-500: theme('colors.lime.500');
|
8
|
+
--secondary-600: theme('colors.lime.600');
|
9
|
+
--secondary-700: theme('colors.lime.700');
|
10
|
+
--secondary-800: theme('colors.lime.800');
|
11
|
+
--secondary-900: theme('colors.lime.900');
|
12
|
+
}
|
@@ -0,0 +1,12 @@
|
|
1
|
+
.theme-secondary-neutral {
|
2
|
+
--secondary-50: theme('colors.neutral.50');
|
3
|
+
--secondary-100: theme('colors.neutral.100');
|
4
|
+
--secondary-200: theme('colors.neutral.200');
|
5
|
+
--secondary-300: theme('colors.neutral.300');
|
6
|
+
--secondary-400: theme('colors.neutral.400');
|
7
|
+
--secondary-500: theme('colors.neutral.500');
|
8
|
+
--secondary-600: theme('colors.neutral.600');
|
9
|
+
--secondary-700: theme('colors.neutral.700');
|
10
|
+
--secondary-800: theme('colors.neutral.800');
|
11
|
+
--secondary-900: theme('colors.neutral.900');
|
12
|
+
}
|
@@ -0,0 +1,12 @@
|
|
1
|
+
.theme-secondary-orange {
|
2
|
+
--secondary-50: theme('colors.orange.50');
|
3
|
+
--secondary-100: theme('colors.orange.100');
|
4
|
+
--secondary-200: theme('colors.orange.200');
|
5
|
+
--secondary-300: theme('colors.orange.300');
|
6
|
+
--secondary-400: theme('colors.orange.400');
|
7
|
+
--secondary-500: theme('colors.orange.500');
|
8
|
+
--secondary-600: theme('colors.orange.600');
|
9
|
+
--secondary-700: theme('colors.orange.700');
|
10
|
+
--secondary-800: theme('colors.orange.800');
|
11
|
+
--secondary-900: theme('colors.orange.900');
|
12
|
+
}
|
@@ -0,0 +1,12 @@
|
|
1
|
+
.theme-secondary-pink {
|
2
|
+
--secondary-50: theme('colors.pink.50');
|
3
|
+
--secondary-100: theme('colors.pink.100');
|
4
|
+
--secondary-200: theme('colors.pink.200');
|
5
|
+
--secondary-300: theme('colors.pink.300');
|
6
|
+
--secondary-400: theme('colors.pink.400');
|
7
|
+
--secondary-500: theme('colors.pink.500');
|
8
|
+
--secondary-600: theme('colors.pink.600');
|
9
|
+
--secondary-700: theme('colors.pink.700');
|
10
|
+
--secondary-800: theme('colors.pink.800');
|
11
|
+
--secondary-900: theme('colors.pink.900');
|
12
|
+
}
|
@@ -0,0 +1,12 @@
|
|
1
|
+
.theme-secondary-purple {
|
2
|
+
--secondary-50: theme('colors.purple.50');
|
3
|
+
--secondary-100: theme('colors.purple.100');
|
4
|
+
--secondary-200: theme('colors.purple.200');
|
5
|
+
--secondary-300: theme('colors.purple.300');
|
6
|
+
--secondary-400: theme('colors.purple.400');
|
7
|
+
--secondary-500: theme('colors.purple.500');
|
8
|
+
--secondary-600: theme('colors.purple.600');
|
9
|
+
--secondary-700: theme('colors.purple.700');
|
10
|
+
--secondary-800: theme('colors.purple.800');
|
11
|
+
--secondary-900: theme('colors.purple.900');
|
12
|
+
}
|
@@ -0,0 +1,12 @@
|
|
1
|
+
.theme-secondary-red {
|
2
|
+
--secondary-50: theme('colors.red.50');
|
3
|
+
--secondary-100: theme('colors.red.100');
|
4
|
+
--secondary-200: theme('colors.red.200');
|
5
|
+
--secondary-300: theme('colors.red.300');
|
6
|
+
--secondary-400: theme('colors.red.400');
|
7
|
+
--secondary-500: theme('colors.red.500');
|
8
|
+
--secondary-600: theme('colors.red.600');
|
9
|
+
--secondary-700: theme('colors.red.700');
|
10
|
+
--secondary-800: theme('colors.red.800');
|
11
|
+
--secondary-900: theme('colors.red.900');
|
12
|
+
}
|
@@ -0,0 +1,12 @@
|
|
1
|
+
.theme-secondary-rose {
|
2
|
+
--secondary-50: theme('colors.rose.50');
|
3
|
+
--secondary-100: theme('colors.rose.100');
|
4
|
+
--secondary-200: theme('colors.rose.200');
|
5
|
+
--secondary-300: theme('colors.rose.300');
|
6
|
+
--secondary-400: theme('colors.rose.400');
|
7
|
+
--secondary-500: theme('colors.rose.500');
|
8
|
+
--secondary-600: theme('colors.rose.600');
|
9
|
+
--secondary-700: theme('colors.rose.700');
|
10
|
+
--secondary-800: theme('colors.rose.800');
|
11
|
+
--secondary-900: theme('colors.rose.900');
|
12
|
+
}
|
@@ -0,0 +1,12 @@
|
|
1
|
+
.theme-secondary-sky {
|
2
|
+
--secondary-50: theme('colors.sky.50');
|
3
|
+
--secondary-100: theme('colors.sky.100');
|
4
|
+
--secondary-200: theme('colors.sky.200');
|
5
|
+
--secondary-300: theme('colors.sky.300');
|
6
|
+
--secondary-400: theme('colors.sky.400');
|
7
|
+
--secondary-500: theme('colors.sky.500');
|
8
|
+
--secondary-600: theme('colors.sky.600');
|
9
|
+
--secondary-700: theme('colors.sky.700');
|
10
|
+
--secondary-800: theme('colors.sky.800');
|
11
|
+
--secondary-900: theme('colors.sky.900');
|
12
|
+
}
|
@@ -0,0 +1,12 @@
|
|
1
|
+
.theme-secondary-slate {
|
2
|
+
--secondary-50: theme('colors.slate.50');
|
3
|
+
--secondary-100: theme('colors.slate.100');
|
4
|
+
--secondary-200: theme('colors.slate.200');
|
5
|
+
--secondary-300: theme('colors.slate.300');
|
6
|
+
--secondary-400: theme('colors.slate.400');
|
7
|
+
--secondary-500: theme('colors.slate.500');
|
8
|
+
--secondary-600: theme('colors.slate.600');
|
9
|
+
--secondary-700: theme('colors.slate.700');
|
10
|
+
--secondary-800: theme('colors.slate.800');
|
11
|
+
--secondary-900: theme('colors.slate.900');
|
12
|
+
}
|
@@ -0,0 +1,12 @@
|
|
1
|
+
.theme-secondary-stone {
|
2
|
+
--secondary-50: theme('colors.stone.50');
|
3
|
+
--secondary-100: theme('colors.stone.100');
|
4
|
+
--secondary-200: theme('colors.stone.200');
|
5
|
+
--secondary-300: theme('colors.stone.300');
|
6
|
+
--secondary-400: theme('colors.stone.400');
|
7
|
+
--secondary-500: theme('colors.stone.500');
|
8
|
+
--secondary-600: theme('colors.stone.600');
|
9
|
+
--secondary-700: theme('colors.stone.700');
|
10
|
+
--secondary-800: theme('colors.stone.800');
|
11
|
+
--secondary-900: theme('colors.stone.900');
|
12
|
+
}
|
@@ -0,0 +1,12 @@
|
|
1
|
+
.theme-secondary-teal {
|
2
|
+
--secondary-50: theme('colors.teal.50');
|
3
|
+
--secondary-100: theme('colors.teal.100');
|
4
|
+
--secondary-200: theme('colors.teal.200');
|
5
|
+
--secondary-300: theme('colors.teal.300');
|
6
|
+
--secondary-400: theme('colors.teal.400');
|
7
|
+
--secondary-500: theme('colors.teal.500');
|
8
|
+
--secondary-600: theme('colors.teal.600');
|
9
|
+
--secondary-700: theme('colors.teal.700');
|
10
|
+
--secondary-800: theme('colors.teal.800');
|
11
|
+
--secondary-900: theme('colors.teal.900');
|
12
|
+
}
|
@@ -0,0 +1,12 @@
|
|
1
|
+
.theme-secondary-violet {
|
2
|
+
--secondary-50: theme('colors.violet.50');
|
3
|
+
--secondary-100: theme('colors.violet.100');
|
4
|
+
--secondary-200: theme('colors.violet.200');
|
5
|
+
--secondary-300: theme('colors.violet.300');
|
6
|
+
--secondary-400: theme('colors.violet.400');
|
7
|
+
--secondary-500: theme('colors.violet.500');
|
8
|
+
--secondary-600: theme('colors.violet.600');
|
9
|
+
--secondary-700: theme('colors.violet.700');
|
10
|
+
--secondary-800: theme('colors.violet.800');
|
11
|
+
--secondary-900: theme('colors.violet.900');
|
12
|
+
}
|
@@ -0,0 +1,12 @@
|
|
1
|
+
.theme-secondary-yellow {
|
2
|
+
--secondary-50: theme('colors.yellow.50');
|
3
|
+
--secondary-100: theme('colors.yellow.100');
|
4
|
+
--secondary-200: theme('colors.yellow.200');
|
5
|
+
--secondary-300: theme('colors.yellow.300');
|
6
|
+
--secondary-400: theme('colors.yellow.400');
|
7
|
+
--secondary-500: theme('colors.yellow.500');
|
8
|
+
--secondary-600: theme('colors.yellow.600');
|
9
|
+
--secondary-700: theme('colors.yellow.700');
|
10
|
+
--secondary-800: theme('colors.yellow.800');
|
11
|
+
--secondary-900: theme('colors.yellow.900');
|
12
|
+
}
|
@@ -0,0 +1,12 @@
|
|
1
|
+
.theme-secondary-zinc {
|
2
|
+
--secondary-50: theme('colors.zinc.50');
|
3
|
+
--secondary-100: theme('colors.zinc.100');
|
4
|
+
--secondary-200: theme('colors.zinc.200');
|
5
|
+
--secondary-300: theme('colors.zinc.300');
|
6
|
+
--secondary-400: theme('colors.zinc.400');
|
7
|
+
--secondary-500: theme('colors.zinc.500');
|
8
|
+
--secondary-600: theme('colors.zinc.600');
|
9
|
+
--secondary-700: theme('colors.zinc.700');
|
10
|
+
--secondary-800: theme('colors.zinc.800');
|
11
|
+
--secondary-900: theme('colors.zinc.900');
|
12
|
+
}
|
@@ -23,28 +23,7 @@
|
|
23
23
|
.gap-x {
|
24
24
|
@apply gap-x-4;
|
25
25
|
}
|
26
|
-
|
27
|
-
.bg-dark-gradient {
|
28
|
-
background-image: linear-gradient(to bottom, var(--primary-700) 0%, var(--primary-800) 100%);
|
29
|
-
}
|
30
|
-
|
31
|
-
.bg-dark-awesome-gradient {
|
32
|
-
background-image: linear-gradient(to bottom right, darken(#D7BBEA, 45%) 10%, #0e369a 100%);
|
33
|
-
}
|
34
|
-
|
35
|
-
.bg-light-gradient {
|
36
|
-
&:before {
|
37
|
-
content: "";
|
38
|
-
position: fixed;
|
39
|
-
z-index: -1;
|
40
|
-
background: linear-gradient(to bottom right, var(--light-gradient-from), var(--light-gradient-to));
|
41
|
-
top: 0px;
|
42
|
-
left: 0px;
|
43
|
-
bottom: 0px;
|
44
|
-
right: 0px;
|
45
|
-
}
|
46
|
-
}
|
47
|
-
|
26
|
+
|
48
27
|
[hidden] {
|
49
28
|
display: none !important;
|
50
29
|
}
|
@@ -1,15 +1,19 @@
|
|
1
|
-
<% color ||=
|
1
|
+
<% color ||= "yellow" %>
|
2
2
|
<% tighter ||= false %>
|
3
3
|
|
4
|
-
|
5
|
-
|
4
|
+
<%
|
5
|
+
case color
|
6
|
+
when "yellow"
|
7
|
+
div_classes = "bg-amber-100 border-amber-200"
|
8
|
+
header_classes = "text-amber-800"
|
9
|
+
when "red"
|
10
|
+
div_classes = "bg-red-300 border-red-400"
|
11
|
+
header_classes = "text-red-700"
|
12
|
+
end
|
13
|
+
%>
|
14
|
+
|
15
|
+
<div class="rounded-md border <%= div_classes %> py-4 px-5 mb-3">
|
16
|
+
<h3 class="text-sm <%= header_classes %> font-light">
|
6
17
|
<%= yield %>
|
7
18
|
</h3>
|
8
|
-
</div>
|
9
|
-
|
10
|
-
<% # we have to list out the evaluations we want possible above so purgecss includes them in production. %>
|
11
|
-
<% if false %>
|
12
|
-
<div class="bg-yellow-400 border-yellow-500 dark:border-yellow-200 text-yellow-800 dark:text-yellow-200"></div>
|
13
|
-
<div class="bg-red-400 border-red-500 dark:border-red-200 text-red-800 dark:text-red-200"></div>
|
14
|
-
<div class="bg-blue-400 border-blue-500 dark:border-blue-200 text-blue-800 dark:text-blue-200"></div>
|
15
|
-
<% end %>
|
19
|
+
</div>
|
@@ -8,8 +8,8 @@
|
|
8
8
|
<% body = p.content_for(:body) || p.content_for(:raw_body) %>
|
9
9
|
<% pagy ||= nil %>
|
10
10
|
|
11
|
-
<div class="<%= "bg-white rounded-md shadow dark:bg-
|
12
|
-
<div class="py-6 px-8 <%= title_padding %> space-y-2 <%= 'border-b shadow-sm dark:border-
|
11
|
+
<div class="<%= "bg-white rounded-md shadow dark:bg-slate-700 dark:bg-opacity-50" unless no_background %> overflow-hidden <%= border_top ? "border-t dark:border-slate-500" : "" %>">
|
12
|
+
<div class="py-6 px-8 <%= title_padding %> space-y-2 <%= 'border-b shadow-sm dark:border-slate-600' if divider %>">
|
13
13
|
<% if p.content_for? :title %>
|
14
14
|
<h2 class="text-xl font-semibold dark:text-white <%= title_size %>">
|
15
15
|
<%= p.content_for :title %>
|
@@ -17,7 +17,7 @@
|
|
17
17
|
<% end %>
|
18
18
|
|
19
19
|
<% if p.content_for? :description %>
|
20
|
-
<p class="text-
|
20
|
+
<p class="text-slate-400 font-light leading-normal">
|
21
21
|
<%= p.content_for :description %>
|
22
22
|
</p>
|
23
23
|
<% end %>
|
@@ -55,13 +55,13 @@
|
|
55
55
|
</div>
|
56
56
|
|
57
57
|
<% if p.content_for? :footer %>
|
58
|
-
<div class="py-4 px-8 bg-
|
58
|
+
<div class="py-4 px-8 bg-slate-50 border-t dark:bg-slate-900 dark:border-slate-600">
|
59
59
|
<%= p.content_for :footer %>
|
60
60
|
</div>
|
61
61
|
<% end %>
|
62
62
|
|
63
63
|
<% if p.content_for? :raw_footer %>
|
64
|
-
<div class="bg-
|
64
|
+
<div class="bg-slate-50 dark:bg-slate-900">
|
65
65
|
<%= p.content_for :raw_footer %>
|
66
66
|
</div>
|
67
67
|
<% end %>
|
@@ -7,15 +7,15 @@
|
|
7
7
|
<li>
|
8
8
|
<div class="flex items-center">
|
9
9
|
<!-- Heroicon name: chevron-right -->
|
10
|
-
<svg class="flex-shrink-0 h-3 w-3 text-
|
10
|
+
<svg class="flex-shrink-0 h-3 w-3 text-slate-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
|
11
11
|
<path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd" />
|
12
12
|
</svg>
|
13
13
|
|
14
|
-
<% item_style = "ml-3 text-
|
14
|
+
<% item_style = "ml-3 text-slate-500 uppercase text-2xs tracking-widest" %>
|
15
15
|
|
16
16
|
<% # don't link to the same page we're already on. %>
|
17
17
|
<% if url && url != request.url %>
|
18
|
-
<%= link_to label, url, class: "#{item_style} hover:text-
|
18
|
+
<%= link_to label, url, class: "#{item_style} hover:text-slate-700 hover:underline dark:text-primary-300" %>
|
19
19
|
<% else %>
|
20
20
|
<span class="<%= item_style %>"><%= label %></span>
|
21
21
|
<% end %>
|
@@ -26,13 +26,13 @@
|
|
26
26
|
</div>
|
27
27
|
|
28
28
|
<% if completion_percent %>
|
29
|
-
<div class="mt-3 h-4 bg-
|
29
|
+
<div class="mt-3 h-4 bg-slate-100 shadow-inner rounded w-full">
|
30
30
|
<div class="h-4 animate-pulse bg-primary-500 rounded" style="width: <%= completion_percent %>%"></div>
|
31
31
|
</div>
|
32
32
|
<% end %>
|
33
33
|
|
34
34
|
<% if p.content_for? :status %>
|
35
|
-
<div class="<% "mt-2" if completion_percent %> uppercase text-xs text-
|
35
|
+
<div class="<% "mt-2" if completion_percent %> uppercase text-xs text-slate-400">
|
36
36
|
<%= p.content_for :status %>
|
37
37
|
</div>
|
38
38
|
<% end %>
|
@@ -2,10 +2,10 @@
|
|
2
2
|
|
3
3
|
<div class="relative">
|
4
4
|
<div class="absolute inset-0 flex items-center">
|
5
|
-
<div class="w-full border-t border-
|
5
|
+
<div class="w-full border-t border-slate-300 dark:border-slate-500"></div>
|
6
6
|
</div>
|
7
7
|
<div class="relative flex justify-center">
|
8
|
-
<span class="px-2 bg-white text-
|
8
|
+
<span class="px-2 bg-white text-slate-500 uppercase text-xs dark:text-slate-300 dark:bg-slate-700">
|
9
9
|
<%= label %>
|
10
10
|
</span>
|
11
11
|
</div>
|
@@ -1,3 +1,3 @@
|
|
1
|
-
<div class="border-b border-
|
2
|
-
<div style="background-color: var(--primary-500); width: 26px; height:
|
1
|
+
<div class="border-b border-slate-200 pb-4 dark:border-slate-600" style="position: relative;">
|
2
|
+
<div style="background-color: var(--primary-500); width: 26px; height: 3px; position: absolute; left: 0; bottom: -2px; border: 1px solid var(--primary-500); border-radius: 1px;"></div>
|
3
3
|
</div>
|
@@ -1,6 +1,6 @@
|
|
1
1
|
<% yield p = np %>
|
2
2
|
|
3
|
-
<div class="border border-
|
3
|
+
<div class="border border-slate-300 dark:border-opacity-10 rounded-md bg-slate-50 dark:bg-opacity-10">
|
4
4
|
<% if p.content_for?(:title) || p.content_for?(:description) || p.content_for?(:body) %>
|
5
5
|
<div class="py-4 px-5 space-y">
|
6
6
|
<% if p.content_for?(:title) || p.content_for?(:description) %>
|
@@ -12,7 +12,7 @@
|
|
12
12
|
<% end %>
|
13
13
|
|
14
14
|
<% if p.content_for? :description %>
|
15
|
-
<p class="text-
|
15
|
+
<p class="text-slate-400 font-light leading-normal">
|
16
16
|
<%= p.content_for :description %>
|
17
17
|
</p>
|
18
18
|
<% end %>
|
@@ -35,22 +35,22 @@
|
|
35
35
|
|
36
36
|
<% if action.completed? %>
|
37
37
|
<% if action.is_a?(Actions::HasProgress) %>
|
38
|
-
<div class="uppercase text-xs text-
|
38
|
+
<div class="uppercase text-xs text-slate-400">
|
39
39
|
Processed <%= action.performed_count %> of <%= action.target_count %> <%= display_date_and_time(action.completed_at) %>
|
40
40
|
</div>
|
41
41
|
<% else %>
|
42
|
-
<div class="uppercase text-xs text-
|
42
|
+
<div class="uppercase text-xs text-slate-400">
|
43
43
|
Processed <%= display_date_and_time(action.completed_at) %>
|
44
44
|
</div>
|
45
45
|
<% end %>
|
46
46
|
|
47
47
|
<% elsif action.is_a?(Actions::RequiresApproval) && !action.approved? %>
|
48
|
-
<div class="uppercase text-xs text-
|
48
|
+
<div class="uppercase text-xs text-slate-400">
|
49
49
|
Awaiting approval
|
50
50
|
</div>
|
51
51
|
|
52
52
|
<% elsif action.is_a?(Actions::SupportsScheduling) && action.scheduled_for && !action.started? %>
|
53
|
-
<div class="uppercase text-xs text-
|
53
|
+
<div class="uppercase text-xs text-slate-400">
|
54
54
|
Scheduled for <%= display_date_and_time(action.scheduled_for) %>
|
55
55
|
</div>
|
56
56
|
|
@@ -59,17 +59,17 @@
|
|
59
59
|
<%= render "shared/attributes/progress_bar", object: action, attribute: :performed_count, total: :target_count %>
|
60
60
|
</div>
|
61
61
|
|
62
|
-
<div class="mt-2 uppercase text-xs text-
|
62
|
+
<div class="mt-2 uppercase text-xs text-slate-400">
|
63
63
|
Processing <%= action.performed_count %> of <%= action.target_count %>
|
64
64
|
</div>
|
65
65
|
|
66
66
|
<% elsif action.is_a?(Actions::HasProgress) %>
|
67
|
-
<div class="uppercase text-xs text-
|
67
|
+
<div class="uppercase text-xs text-slate-400">
|
68
68
|
Preparing to process <%= action.performed_count %> of <%= action.target_count %>
|
69
69
|
</div>
|
70
70
|
|
71
71
|
<% else %>
|
72
|
-
<div class="uppercase text-xs text-
|
72
|
+
<div class="uppercase text-xs text-slate-400">
|
73
73
|
Preparing to process
|
74
74
|
</div>
|
75
75
|
|
@@ -11,7 +11,7 @@
|
|
11
11
|
<% if completion_percent == 100 %>
|
12
12
|
<i class="fal fa-check ti ti-check text-green-500"></i>
|
13
13
|
<% else %>
|
14
|
-
<div class="h-4 bg-
|
14
|
+
<div class="h-4 bg-slate-100 shadow-inner rounded w-full">
|
15
15
|
<div class="h-4 <%= 'animate-pulse' unless completion_percent == 100 %> bg-primary-500 rounded" style="width: <%= completion_percent %>%"></div>
|
16
16
|
</div>
|
17
17
|
<% end %>
|
@@ -9,7 +9,7 @@
|
|
9
9
|
<%= link_to request.path + (i > 0 ? "?duration=#{duration}" : ""), class: "#{duration == current_duration ? "button-alternative" : "button"} rounded-full text-base" do %>
|
10
10
|
<%= t("billing/prices.intervals.#{duration}.description") %>
|
11
11
|
<% if i > 0 %>
|
12
|
-
<small class="ml-2 uppercase <%= duration == current_duration ? "text-
|
12
|
+
<small class="ml-2 uppercase <%= duration == current_duration ? "text-slate-400" : "text-slate-300" %>">
|
13
13
|
<%= number_to_percentage(calculate_discount(prices_by_duration[duration].first, prices_by_duration[prices_by_duration.keys.first].first), precision: 0) %> Discount
|
14
14
|
</small>
|
15
15
|
<% end %>
|
@@ -20,7 +20,7 @@
|
|
20
20
|
|
21
21
|
<div class="lg:flex flex-row justify-center">
|
22
22
|
<% prices_by_duration[current_duration].each_with_index do |price, i| %>
|
23
|
-
<div class="bg-
|
23
|
+
<div class="bg-slate-50 flex-1 lg:max-w-md border ml-0 mr-0 mt-0 mb-5 <%= "lg:-ml-px lg:-mr-px lg:-mt-5 lg:mb-0 pricing-table-shadow" if price.highlight? %> <%= price.highlight? ? "z-10" : "z-0" %>">
|
24
24
|
<div class="bg-white <%= "border-t-4 border-primary-500" if price.highlight? %>">
|
25
25
|
<div class="text-center py-10 px-5 border-b">
|
26
26
|
<%= image_tag image_path("products/#{price.product.image}"), width: 100, height: 100, class: "inline mb-7" %>
|
@@ -31,7 +31,7 @@
|
|
31
31
|
</div>
|
32
32
|
<div class="bg-white text-center py-10 px-5 border-b">
|
33
33
|
<div class="text-6xl font-semibold text-black <%= "text-primary-500" if price.highlight? %>"><%= smaller_currency_symbol(number_to_currency(price.currency_amount, precision: 0, locale: :en)) %></div>
|
34
|
-
<div class="mt-3 pt-2 inline-block border-t border-
|
34
|
+
<div class="mt-3 pt-2 inline-block border-t border-slate-300 uppercase text-lg opacity-40 tracking-wider">
|
35
35
|
<% if price.quantity %>
|
36
36
|
<%= t("billing/prices.intervals.#{price.interval}.description") %>
|
37
37
|
<%= t("billing/prices.models.#{price.quantity}.per") %>
|
@@ -45,11 +45,11 @@
|
|
45
45
|
</div>
|
46
46
|
<div class="my-12 mx-12">
|
47
47
|
<h3 class="text-xs uppercase font-semibold tracking-widest">Description</h3>
|
48
|
-
<p class="text-base mt-3 text-
|
48
|
+
<p class="text-base mt-3 text-slate-500"><%= price.product.description %></p>
|
49
49
|
|
50
50
|
<h3 class="mt-8 text-xs uppercase font-semibold tracking-widest">Details</h3>
|
51
51
|
<% if price.product.features %>
|
52
|
-
<ul class="text-base mt-5 text-
|
52
|
+
<ul class="text-base mt-5 text-slate-500 space-y-3">
|
53
53
|
<% price.product.features.each do |feature| %>
|
54
54
|
<li class="flex items-start">
|
55
55
|
<div class="flex-shrink-0 text-green-500">
|
@@ -1,13 +1,3 @@
|
|
1
1
|
<% yield p = np %>
|
2
2
|
|
3
|
-
|
4
|
-
<div class="border border-dashed rounded-lg border-yellow-500 bg-yellow-400 dark:bg-opacity-10 dark:border-yellow-200 dark:border-opacity-70 -m-3 p-3 xl:py-4 xl:px-4 xl:-mx-4">
|
5
|
-
<%= p.content_for :content %>
|
6
|
-
|
7
|
-
<div class="py-3 px-3 space-y-2 pt-6">
|
8
|
-
<p class="text-yellow-600 dark:text-yellow-200 font-light leading-normal">
|
9
|
-
<%= p.content_for :commentary %>
|
10
|
-
</p>
|
11
|
-
</div>
|
12
|
-
</div>
|
13
|
-
</div>
|
3
|
+
<%= p.content_for :content %>
|
@@ -2,17 +2,17 @@
|
|
2
2
|
|
3
3
|
<div class="<%= 'border-l-primary-500 border-l-4 border-primary-600' if subscription.unread? %>">
|
4
4
|
|
5
|
-
<%= link_to [:account, current_user, :conversations, :subscriptions, conversation_id: subscription.conversation.id], class: "#{current_conversation ? 'bg-
|
5
|
+
<%= link_to [:account, current_user, :conversations, :subscriptions, conversation_id: subscription.conversation.id], class: "#{current_conversation ? 'bg-slate-100 border-l ' : 'bg-white'} h-28 p-1 flex border-b-2 cursor-pointer hover:no-underline hover:bg-slate-50 relative items-center" do %>
|
6
6
|
<div class="md:w-1/4 w-1/5 lg:inline-block md:hidden flex-shrink-0">
|
7
7
|
<img src="<%= membership_profile_photo_url(conversation.last_message&.membership || current_membership) %>" title="<%= current_membership.name %>" alt="<%= current_membership.name %>" class="md:w-14 md:h-14 w-12 h-12 rounded-full mx-auto border-1 border-white border-2 flex-none">
|
8
8
|
</div>
|
9
9
|
<div class="w-4/5 md:w-full lg:w-4/5 pl-4 pr-1 flex-initial truncate">
|
10
|
-
<p class="text-xs text-
|
11
|
-
<h2 class="<%= subscription.unread? ? 'font-bold text-
|
12
|
-
<div class="text-
|
10
|
+
<p class="text-xs text-slate-300 text-right hover:no-underline"><%= "#{time_ago_in_words conversation.last_message.created_at} ago" unless conversation.last_message.nil? %></p>
|
11
|
+
<h2 class="<%= subscription.unread? ? 'font-bold text-slate-800' : 'font-semibold text-slate-600' %> "><%= conversation.subject&.label_string %></h2>
|
12
|
+
<div class="text-slate-300">
|
13
13
|
<%= conversation.last_message&.user&.label_string %>
|
14
14
|
</div>
|
15
|
-
<div class="h-8 text-
|
15
|
+
<div class="h-8 text-slate-400 text-sm pt-1 hover:no-underline truncate">
|
16
16
|
<%= Nokogiri::HTML.fragment(conversation.last_message.body).text unless conversation.last_message.nil? %>
|
17
17
|
</div>
|
18
18
|
</div>
|
@@ -4,10 +4,10 @@
|
|
4
4
|
<img src="<%= membership_profile_photo_url(message.membership) %>" title="<%= message.membership.name %>" alt="<%= message.membership.name %>" class="w-10 h-10 rounded-full <%= current_user_message ? 'order-2' : 'order-1' %>">
|
5
5
|
<% end %>
|
6
6
|
|
7
|
-
<div class="flex py-3 px-2 text-
|
7
|
+
<div class="flex py-3 px-2 text-slate-700 <%= message.reply? ? 'border w-full bg-slate-50 rounded-md' : 'border-b' %> <%= 'opacity-30' if new_message %>">
|
8
8
|
<div class="mr-3 min-w-max"><%= avatar %></div>
|
9
9
|
<div class="flex flex-col w-full">
|
10
|
-
<div class=""><span class="uppercase font-bold text-
|
10
|
+
<div class=""><span class="uppercase font-bold text-slate-500"><%= message.user.name %></span><span class="font-extralight text-xs text-slate-400"> • <%= time_ago_in_words message.created_at %> ago</span></div>
|
11
11
|
<div class="py-2"><%= trix_sanitize message.body %></div>
|
12
12
|
<% if message.replies.any? %>
|
13
13
|
<div class="space-y-2 mt-2 mb-2">
|
@@ -18,7 +18,7 @@
|
|
18
18
|
<% end %>
|
19
19
|
<% unless message.reply? %>
|
20
20
|
<%= turbo_frame_tag "reply_#{message.id}" do %>
|
21
|
-
<%= link_to "Reply", [:reply, :account, message], class: "font-light text-sm text-
|
21
|
+
<%= link_to "Reply", [:reply, :account, message], class: "font-light text-sm text-slate-400 hover:text-slate-500 pt-2" %>
|
22
22
|
<% end %>
|
23
23
|
<% end %>
|
24
24
|
</div>
|
@@ -74,14 +74,14 @@
|
|
74
74
|
data-action="<%= 'mouseenter->reply#showReplyButton click->reply#showReplyButton' unless placeholder_message || show_as_thread %>" data-show-class="<%= current_user_message ? 'mr-10' : 'ml-10' %>"
|
75
75
|
>
|
76
76
|
<% if placeholder_message %>
|
77
|
-
<div class="cursor-pointer" data-thread-url="<%= url_for([:thread, :account, message.thread_origin_message || message]) %>" data-action="click->reply#reply"><span class="px-2 py-1 text-xs text-
|
77
|
+
<div class="cursor-pointer" data-thread-url="<%= url_for([:thread, :account, message.thread_origin_message || message]) %>" data-action="click->reply#reply"><span class="px-2 py-1 text-xs text-slate-300 rounded-lg inline-block <%= rounding_modifier %> border-primary-300 border break-words sm:max-w-sm max-w-tiny"><%= Nokogiri::HTML.fragment(trix_sanitize(message.body)).text.truncate(80) %></span></div>
|
78
78
|
<% else %>
|
79
|
-
<div><span class="px-4 py-2 rounded-lg inline-block <%= rounding_modifier %> <%= current_user_message ? ' bg-primary-600 text-white' : ' bg-
|
79
|
+
<div><span class="px-4 py-2 rounded-lg inline-block <%= rounding_modifier %> <%= current_user_message ? ' bg-primary-600 text-white' : ' bg-slate-300 text-slate-600' %> "><%= trix_sanitize(message.body) %></span></div>
|
80
80
|
<% end %>
|
81
81
|
</div>
|
82
82
|
<%= avatar %>
|
83
83
|
<% unless placeholder_message || show_as_thread %>
|
84
|
-
<div class="order-2 absolute text-
|
84
|
+
<div class="order-2 absolute text-slate-400 bottom-1 hover:text-slate-500 <%= current_user_message ? 'right-10' : 'left-10' %> z-0">
|
85
85
|
<button
|
86
86
|
data-action="click->reply#reply"
|
87
87
|
data-thread-url="<%= url_for([:thread, :account, message.thread_origin_message || message]) %>"
|
@@ -110,7 +110,7 @@
|
|
110
110
|
<% end %>
|
111
111
|
|
112
112
|
<div class="flex flex-grow order-1 <%= current_user_message ? 'justify-end items-end pr-8' : 'justify-start items-start pl-8' %> <%= 'mb-3' unless next_message_in_series %>">
|
113
|
-
<div class="<%= show_as_thread ? 'text-
|
113
|
+
<div class="<%= show_as_thread ? 'text-slate-400' : 'text-slate-300' %> text-sm">
|
114
114
|
<strong><%= message.author.name %></strong>
|
115
115
|
<%= timestamp %>
|
116
116
|
</div>
|
@@ -120,14 +120,14 @@
|
|
120
120
|
<% if message.replies.any? && false %>
|
121
121
|
<div class="mb-4">
|
122
122
|
<% message.replies.each do |reply| %>
|
123
|
-
<div class="flex text-xs font-extralight text-
|
123
|
+
<div class="flex text-xs font-extralight text-slate-300 ml-12">
|
124
124
|
<div class="<%= 'w-full' if current_user_message %>"></div>
|
125
|
-
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 682" class="w-5 h-5 stroke-current mt-4 text-
|
125
|
+
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 682" class="w-5 h-5 stroke-current mt-4 text-slate-50 fill-current">
|
126
126
|
<path d="M0 57.7c.1 145.1 4.1 224 14.5 281.1 19.4 106.3 65.2 156.4 166.3 181.7 48.7 12.1 111.4 18.8 211.7 22.5 23.8.9 196.6 2.8 268.2 3H683l.2 67.8.3 67.8 170.3-102.1L1024 477.3l-170.2-102-170.3-102-.3 67.8-.2 67.9h-75.8c-184.7 0-266.9-4.8-327.2-19-34.2-8.1-62.8-21.1-81.2-37-36.1-31.3-52.3-76.8-58.8-165.5-2-28-3-69.2-3-127.8V0H0v57.7z"/>
|
127
127
|
</svg>
|
128
128
|
<div class="flex flex-col mr-10 min-w-max">
|
129
129
|
<div class="pt-0 mr-2 ml-4 text-xxs"><%= reply.membership.label_string %> reply: </div>
|
130
|
-
<div class="bg-
|
130
|
+
<div class="bg-slate-100 rounded py-2 px-4 mt-0 text-slate-400 max-w-md"><%= reply.body.html_safe %></div>
|
131
131
|
</div>
|
132
132
|
</div>
|
133
133
|
<% end %>
|
@@ -1,3 +1,3 @@
|
|
1
1
|
<div class="flex-grow flex <%= side == :left ? 'justify-start' : 'justify-end order-2' %>">
|
2
|
-
<div class=" border-solid border-
|
2
|
+
<div class=" border-solid border-slate-300 <%= border_classes %> text-white <%= side == :left ? 'ml-12 mr-0' : 'ml-0 mr-12' %> w-6"></div>
|
3
3
|
</div>
|