Skip to content

Commit e6f593a

Browse files
matititammatititam
authored
fix(ir-remote): center buttons
1 parent 8a31391 commit e6f593a

File tree

1 file changed

+50
-50
lines changed

1 file changed

+50
-50
lines changed

‎src/ir-remote-element.ts‎

Lines changed: 50 additions & 50 deletions
Original file line numberDiff line numberDiff line change
@@ -167,85 +167,85 @@ export class IRRemoteElement extends LitElement {
167167
stroke="#272726"
168168
stroke-width="4.53px"
169169
/>
170-
<use xlink:href="#button2" x="39.2" y="37.9" data-btn="power" class="red" tabindex="0" />
171-
<use xlink:href="#button" x="120" y="37.9" data-btn="menu" tabindex="0" fill="#fff" />
172-
<use xlink:href="#button" x="39.2" y="75.2" data-btn="test" tabindex="0" fill="#fff" />
173-
<use xlink:href="#button2" x="79.9" y="75.2" data-btn="plus" class="black" tabindex="0" />
174-
<use xlink:href="#button" x="120" y="75.2" data-btn="back" tabindex="0" fill="#fff" />
175-
<use xlink:href="#button2" x="39.2" y="113" data-btn="prev" class="black" tabindex="0" />
176-
<use xlink:href="#button" x="79.9" y="113" data-btn="play" tabindex="0" fill="#fff" />
177-
<use xlink:href="#button2" x="120" y="113" data-btn="next" class="black" tabindex="0" />
178-
<use xlink:href="#button" x="39.2" y="152" data-btn="0" tabindex="0" fill="#fff" />
179-
<use xlink:href="#button2" x="79.9" y="152" data-btn="minus" class="black" tabindex="0" />
180-
<use xlink:href="#button" x="120" y="152" data-btn="c" tabindex="0" fill="#fff" />
181-
<use xlink:href="#button" x="39.2" y="190" data-btn="1" tabindex="0" fill="#fff" />
182-
<use xlink:href="#button" x="79.9" y="190" data-btn="2" tabindex="0" fill="#fff" />
183-
<use xlink:href="#button" x="120" y="190" data-btn="3" tabindex="0" fill="#fff" />
184-
<use xlink:href="#button" x="39.2" y="228" data-btn="4" tabindex="0" fill="#fff" />
185-
<use xlink:href="#button" x="79.9" y="228" data-btn="5" tabindex="0" fill="#fff" />
186-
<use xlink:href="#button" x="120" y="228" data-btn="6" tabindex="0" fill="#fff" />
187-
<use xlink:href="#button" x="39.2" y="266" data-btn="7" tabindex="0" fill="#fff" />
188-
<use xlink:href="#button" x="79.9" y="266" data-btn="8" tabindex="0" fill="#fff" />
189-
<use xlink:href="#button" x="120" y="266" data-btn="9" tabindex="0" fill="#fff" />
170+
<use xlink:href="#button2" x="29.6" y="37.9" data-btn="power" class="red" tabindex="0" />
171+
<use xlink:href="#button" x="121.4" y="37.9" data-btn="menu" tabindex="0" fill="#fff" />
172+
<use xlink:href="#button" x="29.6" y="75.2" data-btn="test" tabindex="0" fill="#fff" />
173+
<use xlink:href="#button2" x="75.5" y="75.2" data-btn="plus" class="black" tabindex="0" />
174+
<use xlink:href="#button" x="121.4" y="75.2" data-btn="back" tabindex="0" fill="#fff" />
175+
<use xlink:href="#button2" x="29.6" y="113" data-btn="prev" class="black" tabindex="0" />
176+
<use xlink:href="#button" x="75.5" y="113" data-btn="play" tabindex="0" fill="#fff" />
177+
<use xlink:href="#button2" x="121.4" y="113" data-btn="next" class="black" tabindex="0" />
178+
<use xlink:href="#button" x="29.6" y="152" data-btn="0" tabindex="0" fill="#fff" />
179+
<use xlink:href="#button2" x="75.5" y="152" data-btn="minus" class="black" tabindex="0" />
180+
<use xlink:href="#button" x="121.4" y="152" data-btn="c" tabindex="0" fill="#fff" />
181+
<use xlink:href="#button" x="29.6" y="190" data-btn="1" tabindex="0" fill="#fff" />
182+
<use xlink:href="#button" x="75.5" y="190" data-btn="2" tabindex="0" fill="#fff" />
183+
<use xlink:href="#button" x="121.4" y="190" data-btn="3" tabindex="0" fill="#fff" />
184+
<use xlink:href="#button" x="29.6" y="228" data-btn="4" tabindex="0" fill="#fff" />
185+
<use xlink:href="#button" x="75.5" y="228" data-btn="5" tabindex="0" fill="#fff" />
186+
<use xlink:href="#button" x="121.4" y="228" data-btn="6" tabindex="0" fill="#fff" />
187+
<use xlink:href="#button" x="29.6" y="266" data-btn="7" tabindex="0" fill="#fff" />
188+
<use xlink:href="#button" x="75.5" y="266" data-btn="8" tabindex="0" fill="#fff" />
189+
<use xlink:href="#button" x="121.4" y="266" data-btn="9" tabindex="0" fill="#fff" />
190190
<g style="pointer-events: none">
191191
<g fill="none" stroke="#fff" stroke-width="1.94px">
192192
<path
193-
d="m43.1 33c2.05 1.28 3.42 3.56 3.42 6.16 0 4.01-3.26 7.26-7.26 7.26-4.01 0-7.26-3.25-7.26-7.26 0-2.49 1.26-4.69 3.17-6"
193+
d="m33.5 33c2.05 1.28 3.42 3.56 3.42 6.16 0 4.01-3.26 7.26-7.26 7.26-4.01 0-7.26-3.25-7.26-7.26 0-2.49 1.26-4.69 3.17-6"
194194
/>
195-
<path d="m39.2 29.3v7.41" />
195+
<path d="m29.6 29.3v7.41" />
196196
</g>
197-
<path d="m86.5 113-9.58 4.79v-9.58z" fill="#121115" stroke-width="1.29" />
198-
<path d="m122 113-9.58 4.79v-9.58z" fill="#fff" stroke-width="1.29" />
199-
<path d="m128 113-8.95 4.79v-9.58z" fill="#fff" stroke-width="1.29" />
200-
<path d="m128 109v9.58" fill="none" stroke="#fff" stroke-width="1.29" />
201-
<path d="m37.5 113 9.58 4.79v-9.58z" fill="#fff" stroke-width="1.29" />
202-
<path d="m31.4 113 8.95 4.79v-9.58z" fill="#fff" stroke-width="1.29" />
203-
<path d="m32 109v9.58" fill="none" stroke="#fff" stroke-width="1.29" />
197+
<path d="m80.9 113-9.58 4.79v-9.58z" fill="#121115" stroke-width="1.29" />
198+
<path d="m123.4 113-9.58 4.79v-9.58z" fill="#fff" stroke-width="1.29" />
199+
<path d="m129.4 113-8.95 4.79v-9.58z" fill="#fff" stroke-width="1.29" />
200+
<path d="m129.4 109v9.58" fill="none" stroke="#fff" stroke-width="1.29" />
201+
<path d="m27.9 113 9.58 4.79v-9.58z" fill="#fff" stroke-width="1.29" />
202+
<path d="m21.8 113 8.95 4.79v-9.58z" fill="#fff" stroke-width="1.29" />
203+
<path d="m22.4 109v9.58" fill="none" stroke="#fff" stroke-width="1.29" />
204204
<text fill="#e6252e" font-size="9.72px" font-weight="700" stroke-width="1.29">
205-
<tspan x="105.492 114.069 121.032 128.531" y="41.288">
205+
<tspan x="106.892 115.469 122.432 129.931" y="41.288">
206206
MENU
207207
</tspan>
208-
<tspan x="26.088 32.504 39.466 46.429" y="78.679">
208+
<tspan x="16.488 22.904 29.866 36.829" y="78.679">
209209
TEST
210210
</tspan>
211211
</text>
212212
<g fill="none" stroke="#fff" stroke-width="1.29">
213-
<path d="m72.1 152h15.5" />
214-
<path d="m72.1 75.2h15.5M79.9 67.4v15.5" />
213+
<path d="m67.7 152h15.5" />
214+
<path d="m67.7 75.2h15.5M75.5 67.4v15.5" />
215215
</g>
216216
<g fill="#121115" stroke-width="1.29">
217217
<path
218-
d="m118 70.7v-3.25l-6.95 4.84 6.71 4.45 0.111-2.2s6.65-0.357 7.05 3.15c0.397 3.51-6.66 5.21-6.66 5.21s10.9-2.33 10.7-6.82c-0.276-5.4-10.9-5.39-10.9-5.39z"
218+
d="m119.4 70.7v -3.25l-6.95 4.84 6.71 4.45 0.111-2.2s6.65-0.357 7.05 3.15c0.397 3.51-6.66 5.21-6.66 5.21s10.9-2.33 10.7-6.82c-0.276-5.4-10.9-5.39-10.9-5.39z"
219219
/>
220220
<text font-size="13.9px" font-weight="700">
221-
<tspan x="35.427" y="156.434">0</tspan>
222-
<tspan x="115.573" y="156.498">C</tspan>
223-
<tspan x="34.912" y="194.685">1</tspan>
224-
<tspan x="76.176" y="194.685">2</tspan>
225-
<tspan x="116.66" y="194.6">3</tspan>
226-
<tspan x="34.912" y="232.851">4</tspan>
227-
<tspan x="76.176" y="232.679">5</tspan>
228-
<tspan x="116.799" y="232.767">6</tspan>
229-
<tspan x="34.912" y="270.931">7</tspan>
230-
<tspan x="76.176" y="270.931">8</tspan>
231-
<tspan x="116.724" y="270.931">9</tspan>
221+
<tspan x="25.312" y="156.434">0</tspan>
222+
<tspan x="116.973" y="156.498">C</tspan>
223+
<tspan x="25.312" y="194.685">1</tspan>
224+
<tspan x="71.776" y="194.685">2</tspan>
225+
<tspan x="118.06" y="194.6">3</tspan>
226+
<tspan x="25.312" y="232.851">4</tspan>
227+
<tspan x="71.776" y="232.679">5</tspan>
228+
<tspan x="118.199" y="232.767">6</tspan>
229+
<tspan x="25.312" y="270.931">7</tspan>
230+
<tspan x="71.776" y="270.931">8</tspan>
231+
<tspan x="118.124" y="270.931">9</tspan>
232232
</text>
233233
</g>
234234
<g fill="#fff" stroke-width="1.29">
235235
<path
236-
d="m27.6 28.5c0.687-0.757 1.5-1.41 2.39-1.99 1.26-0.814 2.7-1.43 4.22-1.87 0.974-0.281 1.98-0.481 3-0.607 0.673-0.0828 1.35-0.129 2.03-0.147 0.68-0.0181 1.36-0.0078 2.03 0.0427 1.02 0.0789 2.03 0.243 3 0.511 2.48 0.686 4.72 2.02 6.31 4.19 0.0323 0.0479 0.097 0.0608 0.145 0.0298 0.0479-0.0323 0.0621-0.097 0.0298-0.145-0.846-1.45-1.96-2.62-3.27-3.53-0.894-0.623-1.87-1.12-2.91-1.5-1.19-0.433-2.45-0.709-3.73-0.828-0.543-0.0504-1.09-0.0698-1.64-0.0582-0.728 0.0155-1.46 0.0841-2.18 0.202-1.08 0.177-2.14 0.46-3.16 0.839-0.772 0.288-1.51 0.632-2.21 1.03-1.7 0.965-3.16 2.22-4.22 3.7-0.0362 0.0453-0.0298 0.111 0.0155 0.146 0.0453 0.0362 0.11 0.0298 0.146-0.0155z"
236+
d="m18 28.5c0.687-0.757 1.5-1.41 2.39-1.99 1.26-0.814 2.7-1.43 4.22-1.87 0.974-0.281 1.98-0.481 3-0.607 0.673-0.0828 1.35-0.129 2.03-0.147 0.68-0.0181 1.36-0.0078 2.03 0.0427 1.02 0.0789 2.03 0.243 3 0.511 2.48 0.686 4.72 2.02 6.31 4.19 0.0323 0.0479 0.097 0.0608 0.145 0.0298 0.0479-0.0323 0.0621-0.097 0.0298-0.145-0.846-1.45-1.96-2.62-3.27-3.53-0.894-0.623-1.87-1.12-2.91-1.5-1.19-0.433-2.45-0.709-3.73-0.828-0.543-0.0504-1.09-0.0698-1.64-0.0582-0.728 0.0155-1.46 0.0841-2.18 0.202-1.08 0.177-2.14 0.46-3.16 0.839-0.772 0.288-1.51 0.632-2.21 1.03-1.7 0.965-3.16 2.22-4.22 3.7-0.0362 0.0453-0.0298 0.111 0.0155 0.146 0.0453 0.0362 0.11 0.0298 0.146-0.0155z"
237237
/>
238238
<path
239-
d="m68.4 65.5c0.687-0.757 1.5-1.41 2.39-1.99 1.26-0.814 2.7-1.43 4.22-1.87 0.974-0.281 1.98-0.481 3-0.607 0.673-0.0815 1.35-0.129 2.03-0.147 0.679-0.0181 1.36-0.0078 2.03 0.044 1.02 0.0776 2.03 0.242 3 0.51 2.48 0.686 4.72 2.02 6.31 4.19 0.031 0.0479 0.0957 0.0621 0.145 0.0298 0.0479-0.031 0.0608-0.0957 0.0297-0.145-0.847-1.45-1.97-2.62-3.27-3.53-0.892-0.623-1.87-1.12-2.91-1.5-1.19-0.433-2.45-0.709-3.73-0.828-0.545-0.0504-1.09-0.0698-1.64-0.0582-0.728 0.0155-1.46 0.0841-2.18 0.202-1.08 0.177-2.14 0.46-3.16 0.839-0.772 0.288-1.51 0.632-2.22 1.03-1.7 0.965-3.16 2.22-4.22 3.7-0.0362 0.0453-0.0285 0.111 0.0155 0.147 0.0453 0.0362 0.111 0.0285 0.147-0.0168z"
239+
d="m64 65.5c0.687-0.757 1.5-1.41 2.39-1.99 1.26-0.814 2.7-1.43 4.22-1.87 0.974-0.281 1.98-0.481 3-0.607 0.673-0.0815 1.35-0.129 2.03-0.147 0.679-0.0181 1.36-0.0078 2.03 0.044 1.02 0.0776 2.03 0.242 3 0.51 2.48 0.686 4.72 2.02 6.31 4.19 0.031 0.0479 0.0957 0.0621 0.145 0.0298 0.0479-0.031 0.0608-0.0957 0.0297-0.145-0.847-1.45-1.97-2.62-3.27-3.53-0.892-0.623-1.87-1.12-2.91-1.5-1.19-0.433-2.45-0.709-3.73-0.828-0.545-0.0504-1.09-0.0698-1.64-0.0582-0.728 0.0155-1.46 0.0841-2.18 0.202-1.08 0.177-2.14 0.46-3.16 0.839-0.772 0.288-1.51 0.632-2.22 1.03-1.7 0.965-3.16 2.22-4.22 3.7-0.0362 0.0453-0.0285 0.111 0.0155 0.147 0.0453 0.0362 0.111 0.0285 0.147-0.0168z"
240240
/>
241241
<path
242-
d="m27.6 104c0.687-0.757 1.5-1.42 2.39-1.99 1.26-0.814 2.7-1.43 4.22-1.87 0.974-0.281 1.98-0.481 3-0.607 0.673-0.0815 1.35-0.129 2.03-0.147 0.68-0.0181 1.36-8e-3 2.03 0.044 1.02 0.0776 2.03 0.242 3 0.51 2.48 0.686 4.72 2.02 6.31 4.19 0.0323 0.0478 0.097 0.0621 0.145 0.0297 0.0479-0.031 0.0621-0.0957 0.0298-0.145-0.846-1.45-1.96-2.62-3.27-3.53-0.894-0.623-1.87-1.12-2.91-1.5-1.19-0.433-2.45-0.709-3.73-0.828-0.543-0.0504-1.09-0.0698-1.64-0.0582-0.728 0.0155-1.46 0.0841-2.18 0.202-1.08 0.177-2.14 0.46-3.16 0.839-0.772 0.288-1.51 0.632-2.21 1.03-1.7 0.965-3.16 2.22-4.22 3.7-0.0362 0.0453-0.0298 0.111 0.0155 0.147 0.0453 0.0362 0.11 0.0285 0.146-0.0168z"
242+
d="m18 104c0.687-0.757 1.5-1.42 2.39-1.99 1.26-0.814 2.7-1.43 4.22-1.87 0.974-0.281 1.98-0.481 3-0.607 0.673-0.0815 1.35-0.129 2.03-0.147 0.68-0.0181 1.36-8e-3 2.03 0.044 1.02 0.0776 2.03 0.242 3 0.51 2.48 0.686 4.72 2.02 6.31 4.19 0.0323 0.0478 0.097 0.0621 0.145 0.0297 0.0479-0.031 0.0621-0.0957 0.0298-0.145-0.846-1.45-1.96-2.62-3.27-3.53-0.894-0.623-1.87-1.12-2.91-1.5-1.19-0.433-2.45-0.709-3.73-0.828-0.543-0.0504-1.09-0.0698-1.64-0.0582-0.728 0.0155-1.46 0.0841-2.18 0.202-1.08 0.177-2.14 0.46-3.16 0.839-0.772 0.288-1.51 0.632-2.21 1.03-1.7 0.965-3.16 2.22-4.22 3.7-0.0362 0.0453-0.0298 0.111 0.0155 0.147 0.0453 0.0362 0.11 0.0285 0.146-0.0168z"
243243
/>
244244
<path
245-
d="m109 104c0.687-0.757 1.5-1.42 2.39-1.99 1.26-0.814 2.7-1.43 4.22-1.87 0.974-0.281 1.98-0.481 3-0.607 0.673-0.0815 1.35-0.129 2.03-0.147 0.68-0.0181 1.36-8e-3 2.03 0.044 1.02 0.0776 2.03 0.242 3 0.51 2.48 0.686 4.72 2.02 6.31 4.19 0.031 0.0478 0.0957 0.0621 0.145 0.0297 0.0479-0.031 0.0608-0.0957 0.0298-0.145-0.847-1.45-1.97-2.62-3.27-3.53-0.892-0.623-1.87-1.12-2.91-1.5-1.19-0.433-2.45-0.709-3.73-0.828-0.545-0.0504-1.09-0.0698-1.64-0.0582-0.728 0.0155-1.46 0.0841-2.18 0.202-1.08 0.177-2.14 0.46-3.16 0.839-0.772 0.288-1.51 0.632-2.22 1.03-1.7 0.965-3.16 2.22-4.22 3.7-0.0362 0.0453-0.0285 0.111 0.0155 0.147 0.0453 0.0362 0.111 0.0285 0.147-0.0168z"
245+
d="m110.4 104c0.687-0.757 1.5-1.42 2.39-1.99 1.26-0.814 2.7-1.43 4.22-1.87 0.974-0.281 1.98-0.481 3-0.607 0.673-0.0815 1.35-0.129 2.03-0.147 0.68-0.0181 1.36-8e-3 2.03 0.044 1.02 0.0776 2.03 0.242 3 0.51 2.48 0.686 4.72 2.02 6.31 4.19 0.031 0.0478 0.0957 0.0621 0.145 0.0297 0.0479-0.031 0.0608-0.0957 0.0298-0.145-0.847-1.45-1.97-2.62-3.27-3.53-0.892-0.623-1.87-1.12-2.91-1.5-1.19-0.433-2.45-0.709-3.73-0.828-0.545-0.0504-1.09-0.0698-1.64-0.0582-0.728 0.0155-1.46 0.0841-2.18 0.202-1.08 0.177-2.14 0.46-3.16 0.839-0.772 0.288-1.51 0.632-2.22 1.03-1.7 0.965-3.16 2.22-4.22 3.7-0.0362 0.0453-0.0285 0.111 0.0155 0.147 0.0453 0.0362 0.111 0.0285 0.147-0.0168z"
246246
/>
247247
<path
248-
d="m68.4 142c0.687-0.758 1.5-1.42 2.39-1.99 1.26-0.815 2.7-1.43 4.22-1.87 0.974-0.279 1.98-0.481 3-0.605 0.673-0.0828 1.35-0.129 2.03-0.147 0.679-0.0181 1.36-9e-3 2.03 0.0427 1.02 0.0789 2.03 0.243 3 0.511 2.48 0.686 4.72 2.02 6.31 4.19 0.031 0.0491 0.0957 0.0621 0.145 0.031 0.0479-0.0323 0.0608-0.097 0.0297-0.145-0.847-1.45-1.97-2.62-3.27-3.54-0.892-0.623-1.87-1.12-2.91-1.5-1.19-0.435-2.45-0.71-3.73-0.829-0.545-0.0504-1.09-0.0698-1.64-0.0569-0.728 0.0155-1.46 0.0841-2.18 0.202-1.08 0.177-2.14 0.459-3.16 0.838-0.772 0.29-1.51 0.632-2.22 1.03-1.7 0.965-3.16 2.22-4.22 3.7-0.0362 0.044-0.0285 0.11 0.0155 0.146 0.0453 0.0362 0.111 0.0284 0.147-0.0155z"
248+
d="m64 142c0.687-0.758 1.5-1.42 2.39-1.99 1.26-0.815 2.7-1.43 4.22-1.87 0.974-0.279 1.98-0.481 3-0.605 0.673-0.0828 1.35-0.129 2.03-0.147 0.679-0.0181 1.36-9e-3 2.03 0.0427 1.02 0.0789 2.03 0.243 3 0.511 2.48 0.686 4.72 2.02 6.31 4.19 0.031 0.0491 0.0957 0.0621 0.145 0.031 0.0479-0.0323 0.0608-0.097 0.0297-0.145-0.847-1.45-1.97-2.62-3.27-3.54-0.892-0.623-1.87-1.12-2.91-1.5-1.19-0.435-2.45-0.71-3.73-0.829-0.545-0.0504-1.09-0.0698-1.64-0.0569-0.728 0.0155-1.46 0.0841-2.18 0.202-1.08 0.177-2.14 0.459-3.16 0.838-0.772 0.29-1.51 0.632-2.22 1.03-1.7 0.965-3.16 2.22-4.22 3.7-0.0362 0.044-0.0285 0.11 0.0155 0.146 0.0453 0.0362 0.111 0.0284 0.147-0.0155z"
249249
/>
250250
</g>
251251
</g>

0 commit comments

Comments
 (0)