Spaces:
Sleeping
Sleeping
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Send Messages with Image</title> | |
| <script src="https://unpkg.com/@vkontakte/vk-bridge/dist/browser.min.js"></script> | |
| <script type="text/javascript" src="https://vk.com/js/api/openapi.js?169"></script> | |
| <style> | |
| body { | |
| margin: 0; | |
| padding: 0; | |
| font-family: Arial, sans-serif; | |
| display: flex; | |
| flex-direction: column; | |
| height: 100vh; | |
| background-color: #f0f0f0; /* Серый фон */ | |
| } | |
| #iframe1, #iframe2 { | |
| width: 100%; | |
| border: none; | |
| box-sizing: border-box; /* Учитываем отступы в общей высоте */ | |
| } | |
| #iframe1 { | |
| height: 80%; /* Можно изменить на нужное значение */ | |
| margin-bottom: 20px; /* Регулируемый нижний отступ для первого iframe */ | |
| } | |
| #iframe2 { | |
| height: 70%; /* Можно изменить на нужное значение */ | |
| margin-bottom: 40px; /* Регулируемый нижний отступ для второго iframe */ | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <script> | |
| vkBridge.send('VKWebAppInit'); | |
| </script> | |
| <iframe id="iframe1" src="https://diamonik7777-wa-gc-api.hf.space/up_fa" title="Iframe Example"></iframe> | |
| <iframe id="iframe2" src="https://diamonik7777-wa-gc-api.hf.space/se_mes_im2" title="Iframe Example"></iframe> | |
| </body> | |
| </html> |