Spaces:
Sleeping
Sleeping
| .container { | |
| position: relative; | |
| width: 100vw; | |
| height: 100vh; | |
| margin: 0; | |
| padding: 20px; | |
| box-sizing: border-box; | |
| text-align: center; | |
| } | |
| .logout-button { | |
| position: absolute; | |
| top: 20px; | |
| right: 20px; | |
| cursor: pointer; | |
| padding: 5px 10px; | |
| border-radius: 4px; | |
| border: none; | |
| background-color: #007bff; | |
| color: white; | |
| transform: none; | |
| } | |
| .heading { | |
| font-size: 50px; | |
| font-weight: bold; | |
| margin-bottom: 20px; | |
| } | |
| .file-input { | |
| margin-bottom: 20px; | |
| width: 100%; | |
| padding: 6px; | |
| } | |
| .error { | |
| margin-bottom: 15px; | |
| padding: 10px; | |
| background-color: #fee2e2; | |
| border: 1px solid #fca5a5; | |
| color: #b91c1c; | |
| border-radius: 6px; | |
| } | |
| .image-container { | |
| position: relative; | |
| display: inline-block; | |
| border: 2px solid #d1d5db; | |
| border-radius: 8px; | |
| } | |
| .uploaded-image { | |
| max-width: 100%; | |
| max-height: 100%; | |
| display: block; | |
| } | |
| .overlay-svg { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| } | |
| .circle, rect { | |
| cursor: pointer; | |
| } | |
| .popup-overlay { | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| z-index: 1000; | |
| } | |
| .popup-box { | |
| list-style-type: none; | |
| position: absolute; | |
| background-color: #3b82f6; | |
| color: white; | |
| padding: 6px 10px; | |
| border-radius: 6px; | |
| min-width: 50px; | |
| max-width: 100px; | |
| box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); | |
| font-size: 15px; | |
| line-height: 1.2; | |
| } | |
| .popup-box ul { | |
| list-style-type: none; | |
| padding-left: 0; | |
| margin: 0; | |
| } | |