Update pages.html
Browse files- pages.html +19 -2
pages.html
CHANGED
|
@@ -439,7 +439,17 @@ z-index: 1000; /* Убедитесь, что кнопка находится п
|
|
| 439 |
}
|
| 440 |
</style>
|
| 441 |
|
| 442 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 443 |
</head>
|
| 444 |
<body>
|
| 445 |
<script>
|
|
@@ -450,7 +460,14 @@ z-index: 1000; /* Убедитесь, что кнопка находится п
|
|
| 450 |
|
| 451 |
<!-- Кнопка для показа/скрытия приложения -->
|
| 452 |
<div class="button-container">
|
| 453 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 454 |
</div>
|
| 455 |
<!-- Кнопка для открытия модального окна -->
|
| 456 |
<button id="myBtn" style="position: absolute; top: 30px; right: 10px;">Открыть модальное</button>
|
|
|
|
| 439 |
}
|
| 440 |
</style>
|
| 441 |
|
| 442 |
+
<style>
|
| 443 |
+
/* Стили для контейнера иконки */
|
| 444 |
+
.button-cont {
|
| 445 |
+
position: fixed; /* Используем фиксированное позиционирование */
|
| 446 |
+
bottom: 20px; /* Отступ от нижнего края браузера */
|
| 447 |
+
left: 20px; /* Отступ от левого края браузера */
|
| 448 |
+
padding: 20px; /* Внутренние отступы вокруг иконки */
|
| 449 |
+
background-color: transparent; /* Прозрачный фон контейнера */
|
| 450 |
+
z-index: 1000; /* Убедитесь, что контейнер находится поверх других элементов */
|
| 451 |
+
}
|
| 452 |
+
</style>
|
| 453 |
</head>
|
| 454 |
<body>
|
| 455 |
<script>
|
|
|
|
| 460 |
|
| 461 |
<!-- Кнопка для показа/скрытия приложения -->
|
| 462 |
<div class="button-container">
|
| 463 |
+
|
| 464 |
+
<div class="button-con">
|
| 465 |
+
<svg id="toggleAppBtn" enable-background="new 0 0 512 512" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" width="36" height="36">
|
| 466 |
+
<path clip-rule="evenodd" d="m252.326 430.455v25.516c0 20.462-10.198 38.127-27.919 48.357-8.526 4.922-18.042 7.668-27.908 7.673-9.875.005-19.388-2.746-27.92-7.673l-113.456-65.504c-17.723-10.232-27.919-27.892-27.919-48.357v-334.629c0-30.791 25.048-55.838 55.838-55.838h249.871c30.792 0 55.842 25.045 55.842 55.838v70.539c0 10.119-8.216 18.335-18.335 18.335-10.122 0-18.331-8.215-18.331-18.335v-70.539c0-10.573-8.603-19.176-19.176-19.176h-218.952l110.446 63.777c17.715 10.23 27.919 27.89 27.919 48.347v245.003h80.587c10.572 0 19.176-8.598 19.176-19.172v-61.836c0-10.126 8.204-18.335 18.331-18.335 10.123 0 18.335 8.211 18.335 18.335v61.836c0 30.793-25.05 55.838-55.842 55.838zm169.883-196.897-20.191 20.191c-7.159 7.159-7.157 18.765 0 25.925 3.446 3.448 8.09 5.364 12.963 5.364 4.878 0 9.517-1.911 12.968-5.364l51.479-51.488c7.157-7.158 7.158-18.758 0-25.916l-51.479-51.48c-7.16-7.16-18.767-7.157-25.93-.001-7.157 7.152-7.155 18.763 0 25.917l20.19 20.186h-135.26c-10.129 0-18.331 8.208-18.331 18.336s8.203 18.331 18.331 18.331h135.26z" fill-rule="evenodd" fill="#000000" style="fill: rgb(252, 252, 252);"></path>
|
| 467 |
+
</svg>
|
| 468 |
+
</div>
|
| 469 |
+
|
| 470 |
+
|
| 471 |
</div>
|
| 472 |
<!-- Кнопка для открытия модального окна -->
|
| 473 |
<button id="myBtn" style="position: absolute; top: 30px; right: 10px;">Открыть модальное</button>
|