function generateLoginModalContent()

in public/content.js [132:192]

• 60 lines of code
• 1 McCabe index (conditional complexity)

function generateLoginModalContent() {
  return `
    <div id="resVaultLoginModalContent" style="
      position: fixed; 
      top: 50%; 
      left: 50%; 
      transform: translate(-50%, -50%); 
      background-color: #0f0638; 
      padding: 20px; 
      border-radius: 10px; 
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
      z-index: 1001;
      font-family: Poppins, sans-serif;
      width: 300px;
    ">
      <div style="width: calc(100%);
        padding: 20px;
        background-color: #291f57;
        border-radius: 15px;
        margin-bottom: 20px;
        box-shadow: 5px 5px 35px -14px rgba(0,0,0,.17); 
        text-align: center;">
        <p style="
          color: #fff; 
          font-size: 14px; 
          font-weight: bold;
          margin: 0;
        ">
          Authenticate with Res<span style="color: #47e7ce;">Vault</span>
        </p>
      </div>

      <div style="display: flex; justify-content: space-between;">
        <button id="resVaultLoginModalClose" style="
          background-color: #291f57;
          border: 1px #47e7ce solid;
          color: white; 
          border: none; 
          padding: 10px 20px; 
          border-radius: 5px; 
          cursor: pointer;
          width: 50%;
          box-sizing: border-box;
          margin-right: 5px;">
          Close
        </button>
        <button id="resVaultLoginModalAuthenticate" style="
          background: linear-gradient(60deg, #47e7ce, #4fa8c4); 
          color: white; 
          border: none; 
          padding: 10px 20px; 
          border-radius: 5px; 
          cursor: pointer;
          width: 50%;
          box-sizing: border-box;">
          Authenticate
        </button>
      </div>
    </div>
  `;
}