@navigoo/map-components 1.0.2 → 1.0.4

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,207 +0,0 @@
1
- .header {
2
- background-color: #fff;
3
- padding: 10px 20px;
4
- border-bottom: 1px solid #ddd;
5
- }
6
- .headerTitle {
7
- font-size: 24px;
8
- font-weight: bold;
9
- }
10
- .titleAccent {
11
- color: #007bff;
12
- }
13
- .mainContainer {
14
- display: flex;
15
- }
16
- .sidebar {
17
- width: 60px;
18
- background-color: #f4f4f4;
19
- display: flex;
20
- flex-direction: column;
21
- align-items: center;
22
- padding-top: 20px;
23
- }
24
- .sidebarButton {
25
- background: none;
26
- border: none;
27
- padding: 10px;
28
- cursor: pointer;
29
- margin-bottom: 20px;
30
- }
31
- .sidebarButton.active {
32
- background-color: #007bff;
33
- border-radius: 5px;
34
- }
35
- .contentPanel {
36
- flex: 1;
37
- padding: 20px;
38
- transition: all 0.3s;
39
- }
40
- .contentPanel.open {
41
- transform: translateX(0);
42
- }
43
- .sectionContainer {
44
- background-color: #fff;
45
- padding: 20px;
46
- border-radius: 8px;
47
- box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
48
- }
49
- .sectionTitle {
50
- font-size: 20px;
51
- margin-bottom: 20px;
52
- }
53
- .toggleContainer {
54
- display: flex;
55
- align-items: center;
56
- margin-bottom: 20px;
57
- }
58
- .switch {
59
- position: relative;
60
- display: inline-block;
61
- width: 40px;
62
- height: 20px;
63
- }
64
- .switch input {
65
- opacity: 0;
66
- width: 0;
67
- height: 0;
68
- }
69
- .slider {
70
- position: absolute;
71
- cursor: pointer;
72
- top: 0;
73
- left: 0;
74
- right: 0;
75
- bottom: 0;
76
- background-color: #ccc;
77
- border-radius: 20px;
78
- transition: 0.4s;
79
- }
80
- .slider:before {
81
- position: absolute;
82
- content: '';
83
- height: 16px;
84
- width: 16px;
85
- left: 2px;
86
- bottom: 2px;
87
- background-color: white;
88
- border-radius: 50%;
89
- transition: 0.4s;
90
- }
91
- .switch input:checked + .slider {
92
- background-color: #007bff;
93
- }
94
- .switch input:checked + .slider:before {
95
- transform: translateX(20px);
96
- }
97
- .toggleLabel {
98
- margin-left: 10px;
99
- }
100
- .locationButton {
101
- display: flex;
102
- align-items: center;
103
- padding: 10px 20px;
104
- background-color: #007bff;
105
- color: white;
106
- border: none;
107
- border-radius: 4px;
108
- cursor: pointer;
109
- }
110
- .locationButton:disabled {
111
- background-color: #ccc;
112
- cursor: not-allowed;
113
- }
114
- .error {
115
- color: red;
116
- margin: 10px 0;
117
- }
118
- .searchSection {
119
- padding: 20px;
120
- }
121
- .searchGroup {
122
- margin-bottom: 15px;
123
- }
124
- .label {
125
- display: block;
126
- font-weight: bold;
127
- margin-bottom: 5px;
128
- }
129
- .searchInput {
130
- width: 100%;
131
- padding: 8px;
132
- border: 1px solid #ccc;
133
- border-radius: 4px;
134
- }
135
- .searchResults {
136
- list-style: none;
137
- padding: 0;
138
- margin: 5px 0;
139
- border: 1px solid #ccc;
140
- max-height: 200px;
141
- overflow-y: auto;
142
- }
143
- .routeSearchSection {
144
- padding: 20px;
145
- }
146
- .route-search {
147
- margin-bottom: 20px;
148
- }
149
- .searchResultItem {
150
- padding: 8px;
151
- cursor: pointer;
152
- }
153
- .searchResultItem:hover {
154
- background-color: #f0f0f0;
155
- }
156
- .searchButton {
157
- padding: 10px 20px;
158
- background-color: #007bff;
159
- color: white;
160
- border: none;
161
- border-radius: 4px;
162
- cursor: pointer;
163
- }
164
- .searchButton.disabled {
165
- background-color: #ccc;
166
- cursor: not-allowed;
167
- }
168
- .optionsSection {
169
- margin-top: 20px;
170
- }
171
- .optionsHeader {
172
- display: flex;
173
- justify-content: space-between;
174
- align-items: center;
175
- }
176
- .optionsTitle {
177
- font-size: 16px;
178
- font-weight: bold;
179
- }
180
- .toggleButton {
181
- background: none;
182
- border: none;
183
- color: #007bff;
184
- cursor: pointer;
185
- }
186
- .transportOptions {
187
- display: flex;
188
- gap: 10px;
189
- margin-top: 10px;
190
- }
191
- .transportOption {
192
- display: flex;
193
- align-items: center;
194
- padding: 8px 16px;
195
- border: 1px solid #ccc;
196
- border-radius: 4px;
197
- cursor: pointer;
198
- }
199
- .transportOption.selected {
200
- border-color: #007bff;
201
- }
202
- .transportIcon {
203
- margin-right: 8px;
204
- }
205
- .transportName {
206
- font-size: 14px;
207
- }