templates/macro/notuser_floatant.html.twig line 1

Open in your IDE?
  1. <style>
  2.     .floating-button {
  3.         z-index: 9999;
  4.         position: fixed !important;
  5.         top: inherit !important;
  6.         bottom: 20px;
  7.         left: 50%;
  8.         transform: translateX(-50%);
  9.         color: #00B28E !important;
  10.         border: none;
  11.         cursor: pointer;
  12.         box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  13.         font-size: 20px !important;
  14.         white-space: nowrap;
  15.         border-radius: 30px !important;
  16.         padding-right: 50px !important;
  17.         padding-left: 50px !important;
  18.         padding-top: 15px !important;
  19.         padding-bottom: 15px !important;
  20.         background: white !important;
  21.         border: 2px solid #00b28e !important;
  22.         display: flex; /* Ajoutez cette propriété pour utiliser flexbox */
  23.         align-items: center; /* Ajoutez cette propriété pour centrer verticalement le contenu */
  24.     }
  25. </style>
  28. {% if not app.user %}
  29.     <!-- BTN LOGIN / REGISTER MOBILE ! -->
  30.     <div class="mobileshow" id="div_notUserFlotant">
  31.         <a class="button floating-button ripple-effect " href="{{ path('register_freelance_mobile') }}">
  32.             <b>Register 100% free <i class="icon-feather-arrow-right"></i></b>
  33.         </a>
  34.     </div>
  35. {% endif %}