G-Loot DS — chat footer

by Augustin Hiebel

HTML

<form className="chat-footer flex items-end">
  <div className="dropdown dropdown-top">
    <label tabIndex="0" className="button button-ghost rounded-full m-0">
      <span className="icon icon-c-add"></span>
    </label>
    <div tabIndex="0" className="dropdown-content bg-ui-500 p-1">
      <ul className="menu menu-secondary menu-rounded menu-horizontal">
        <li>
          <a>
            <span>
              <span className="text-xl">❤️</span>
            </span>
          </a>
        </li>
        <li>
          <a>
            <span>
              <span className="text-xl">👍</span>
            </span>
          </a>
        </li>
        <li>
          <a>
            <span>
              <span className="text-xl">😂</span>
            </span>
          </a>
        </li>
        <li>
          <a>
            <span>
              <span className="text-xl">👏</span>
            </span>
          </a>
        </li>
      </ul>
    </div>
  </div>
  <div className="form-group">
    <textarea name="send-message" id="send-message" className="rounded-3xl max-h-[200px] resize-none" rows={1} placeholder="Message clan">
    </textarea>
  </div>
  <button type="submit" role="button" className="button button-tertiary rounded-full">
    <span className="icon icon-send-message" />
  </button>
</form>