appscms-tools-theme 2.5.4 → 2.5.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,40 +1,40 @@
1
- .calculator-workspace {
2
- width: 400px;
3
- background: #f6f6f6d2;
4
- position: relative;
5
- z-index: 1;
6
- margin: 0 auto;
7
- box-shadow: 6px 19px 23px 1pxrgb (0 0 0 / 15%);
8
- border-radius: 8px;
9
- padding: 1.5rem;
10
- }
11
-
12
- .calculator-workspace label {
13
- width: 100%;
14
- font-weight: 600;
15
- text-align: left;
16
- margin-top: 10px;
17
- }
18
-
19
- .submit-button {
20
- border: none;
21
- border-radius: 4px;
22
- padding: 10px 22px;
23
- color: #fff;
24
- margin-left: auto;
25
- font-weight: 600;
26
- }
27
-
28
- .calculator-inputs {
29
- display: flex;
30
- gap: 10px;
31
- }
32
- .unit {
33
- background: #ffff;
34
- padding: 0px 10px;
35
- display: flex;
36
- align-items: center;
37
- justify-content: center;
38
- border-radius: 4px;
39
- font-weight: 600;
40
- }
1
+ .calculator-workspace {
2
+ width: 400px;
3
+ background: #f6f6f6d2;
4
+ position: relative;
5
+ z-index: 1;
6
+ margin: 0 auto;
7
+ box-shadow: 6px 19px 23px 1pxrgb (0 0 0 / 15%);
8
+ border-radius: 8px;
9
+ padding: 1.5rem;
10
+ }
11
+
12
+ .calculator-workspace label {
13
+ width: 100%;
14
+ font-weight: 600;
15
+ text-align: left;
16
+ margin-top: 10px;
17
+ }
18
+
19
+ .submit-button {
20
+ border: none;
21
+ border-radius: 4px;
22
+ padding: 10px 22px;
23
+ color: #fff;
24
+ margin-left: auto;
25
+ font-weight: 600;
26
+ }
27
+
28
+ .calculator-inputs {
29
+ display: flex;
30
+ gap: 10px;
31
+ }
32
+ .unit {
33
+ background: #ffff;
34
+ padding: 0px 10px;
35
+ display: flex;
36
+ align-items: center;
37
+ justify-content: center;
38
+ border-radius: 4px;
39
+ font-weight: 600;
40
+ }
@@ -89,12 +89,12 @@ FEATURE H1/H2 STYLE CSS
89
89
  ***********************/
90
90
  .home1-top-h1 {
91
91
  line-height: 60px;
92
- font-size: 42px;
92
+ font-size: 35px;
93
93
  }
94
94
 
95
95
  .feature1-h1 {
96
96
  line-height: 70px;
97
- font-size: 42px;
97
+ font-size: 35px;
98
98
  font-weight: 700;
99
99
  color: rgb(33, 33, 33);
100
100
  text-align: center;
@@ -440,7 +440,9 @@ MEDIA QUERIES FOR MOBILE RESPONSIVE
440
440
 
441
441
  .home1-top-h1,
442
442
  .feature1-h1 {
443
- font-size: 2rem;
443
+ padding-bottom: 1rem;
444
+ margin-bottom: 0px;
445
+ font-size: 20px;
444
446
  text-align: center;
445
447
  line-height: initial;
446
448
  }
@@ -117,10 +117,6 @@
117
117
 
118
118
 
119
119
  /* feature css */
120
- canvas {
121
- min-height: fit-content;
122
- }
123
-
124
120
  #canvas-box-panel {
125
121
  border: 1px solid rgba(0, 0, 0, 0.1);
126
122
  padding: 25px;
@@ -136,6 +132,11 @@ canvas {
136
132
  max-width: 100%;
137
133
  }
138
134
 
135
+ canvas {
136
+ min-height: fit-content;
137
+ max-width: 100%;
138
+ }
139
+
139
140
  .select-format-title {
140
141
  position: relative;
141
142
  display: inline-block;
@@ -232,6 +233,24 @@ canvas {
232
233
  text-align: left;
233
234
  }
234
235
 
236
+ #counter {
237
+ background: #ccc;
238
+ padding: 2px 4px;
239
+ border-radius: 5px;
240
+ display: inline-block;
241
+ width: auto;
242
+ margin: auto;
243
+ margin-left: 4px;
244
+ border: none;
245
+ text-align: center;
246
+ }
247
+
248
+ input[type=range] {
249
+ appearance: none;
250
+ height: 4px;
251
+ background: #D3D3D3;
252
+ }
253
+
235
254
  @media (max-width: 768px) {
236
255
  .download-format {
237
256
  padding: 0 15px;
@@ -250,10 +269,14 @@ canvas {
250
269
  line-height: 20px;
251
270
  }
252
271
 
272
+ #image-format {
273
+ width: auto;
274
+ }
275
+
253
276
  #image-format,
254
277
  #download-button {
278
+ margin-left: auto;
255
279
  font-size: 12px;
256
- width: 110px;
257
280
  }
258
281
 
259
282
  .download-button-container {