namirasoft-site-react 1.5.38 → 1.5.39

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.
@@ -18,11 +18,31 @@
18
18
 
19
19
  .ns_navbar_content {
20
20
  display: flex;
21
- flex-wrap: wrap-reverse;
21
+ flex-wrap: wrap;
22
22
  justify-content: flex-end;
23
23
  align-items: center;
24
24
  width: 100%;
25
25
  gap: 8px;
26
+ row-gap: 10px;
27
+ min-width: 0;
28
+ }
29
+
30
+ .ns_navbar_right_group {
31
+ display: flex;
32
+ align-items: center;
33
+ gap: 12px;
34
+ flex-shrink: 0;
35
+ margin-left: auto;
36
+ }
37
+
38
+ .ns_navbar_right_icons {
39
+ flex-shrink: 0;
40
+ }
41
+
42
+ .ns_navbar_search {
43
+ flex: 0 1 18rem;
44
+ min-width: 12rem;
45
+ max-width: 22rem;
26
46
  }
27
47
 
28
48
  .ns_navbar_login_status {
@@ -90,7 +110,7 @@
90
110
  .ns_navbar_items_container {
91
111
  margin-right: auto;
92
112
  margin-inline-end: auto;
93
- --bs-nav-link-padding-x: 1rem;
113
+ --bs-nav-link-padding-x: 0.75rem;
94
114
  --bs-nav-link-padding-y: 0.5rem;
95
115
  --bs-nav-link-font-weight: ;
96
116
  --bs-nav-link-color: var(--bs-link-color);
@@ -98,6 +118,9 @@
98
118
  --bs-nav-link-disabled-color: var(--bs-secondary-color);
99
119
  display: flex;
100
120
  flex-wrap: wrap;
121
+ align-items: center;
122
+ row-gap: 4px;
123
+ column-gap: 2px;
101
124
  padding-left: 0;
102
125
  margin-bottom: 0;
103
126
  list-style: none;
@@ -161,7 +184,13 @@
161
184
 
162
185
  @media only screen and (min-width: 1023px) {
163
186
  .ns_navbar_content {
164
- justify-content: space-between;
187
+ justify-content: flex-start;
188
+ flex-wrap: nowrap;
189
+ }
190
+
191
+ .ns_navbar_elements {
192
+ flex: 1 1 auto;
193
+ min-width: 0;
165
194
  }
166
195
 
167
196
  .ns_navbar_parent_content {
@@ -1,37 +1,21 @@
1
- .ns_link_parent {
2
- display: flex;
3
- flex-direction: column;
4
- justify-content: center;
5
- align-items: center;
6
- width: 100%;
7
- gap: 24px;
8
- }
9
-
10
- .ns_link {
11
- text-decoration: none;
12
- /* box-shadow: inset 2px 2px 2px 0 #1754F3; */
13
- box-shadow: inset 0 -4px 4px 0px rgb(0 0 0 / 25%);
14
- color: #fff;
15
- font-size: 16px;
16
- font-weight: 600;
17
- line-height: 16px;
18
- display: flex;
19
- justify-content: center;
20
- align-items: center;
21
- border-radius: 8px;
22
- width: 358px;
23
- height: 48px;
24
- width: 100%;
25
- }
26
-
27
- .ns_link_absolute {
28
- position: absolute;
29
- width: 100%;
30
- height: 100%;
31
- left: 0;
32
- right: 0;
33
- top: 0;
34
- bottom: 0;
35
- cursor: pointer;
36
- background-color: transparent !important;
1
+ .ns_link_parent {
2
+ display: inline;
3
+ }
4
+
5
+ .ns_link {
6
+ text-decoration: underline;
7
+ cursor: pointer;
8
+ font-weight: 500;
9
+ }
10
+
11
+ .ns_link_absolute {
12
+ position: absolute;
13
+ width: 100%;
14
+ height: 100%;
15
+ left: 0;
16
+ right: 0;
17
+ top: 0;
18
+ bottom: 0;
19
+ cursor: pointer;
20
+ background-color: transparent !important;
37
21
  }
package/package.json CHANGED
@@ -8,7 +8,7 @@
8
8
  "framework": "npm",
9
9
  "application": "package",
10
10
  "private": false,
11
- "version": "1.5.38",
11
+ "version": "1.5.39",
12
12
  "author": "Amir Abolhasani",
13
13
  "license": "MIT",
14
14
  "main": "./dist/main.js",