Skip to content

Instantly share code, notes, and snippets.

@DanyEscobar

DanyEscobar/notifications-side-menu.component.html

Last active October 1, 2021 01:47
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save DanyEscobar/cf4e31ac2cd54ed9be5db20853420431 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save DanyEscobar/cf4e31ac2cd54ed9be5db20853420431 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
notifications-side-menu.component.html
<div class="container-drawer container-drawer-notifications position-fixed d-flex" id="drawer-notifications">
<div class="drawer-overlay w-100 vh-100" (click)="toggleMenu('notifications')"></div>
<div class="drawer drawer-notifications vh-100 bg-white" (click)="stopPropagation($event)">
<div class="d-flex justify-content-between align-items-center drawer-header">
<p class="txt-title">NOTIFICACIONES</p>
<i class="las la-long-arrow-alt-right" (click)="toggleMenu('notifications')"></i>
</div>
<div class="info-notifications d-flex align-items-center mt-4">
<div class="d-flex align-items-start">
<i class="las la-map"></i>
<div class="d-flex flex-column pl-3">
<p class="font-weight-bolder fs-small title-info-notifications mb-2">Lorem ipsum</p>
<p class="txt-info-notifications">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod</p>
</div>
</div>
</div>
<div class="info-notifications d-flex align-items-center">
<div class="d-flex align-items-start">
<i class="las la-map"></i>
<div class="d-flex flex-column pl-3">
<p class="font-weight-bolder fs-small title-info-notifications mb-2">Lorem ipsum</p>
<p class="txt-info-notifications">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod</p>
</div>
</div>
</div>
<div class="info-notifications d-flex align-items-center">
<div class="d-flex align-items-start">
<i class="las la-map"></i>
<div class="d-flex flex-column pl-3">
<p class="font-weight-bolder fs-small title-info-notifications mb-2">Lorem ipsum</p>
<p class="txt-info-notifications">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod</p>
</div>
</div>
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment