@ -1,12 +1,12 @@
< div class = "quick-contact" >
< button class = "uk-button uk-box-shadow-default uk-box-shadow-default-hover uk-button-secondary uk-flex uk-flex-middle" >
< button class = "uk-button uk-box-shadow-default uk-box-shadow-default-hover uk-button-secondary uk-flex uk-flex-middle" ( click ) = " quickContactClicked = true" >
< icon * ngIf = "!showDrop" name = "mail" [ flex ] = " true " > < / icon >
< icon * ngIf = "showDrop" name = "close" [ flex ] = " true " > < / icon >
< span class = "uk-margin-small-left" > {{contact}}< / span >
< / button >
< div # drop id = "quick-contact" class = "uk-drop"
uk-drop="mode: click; pos: top-right; animation: uk-animation-fade; offset: 20">
< div class = "uk-card uk-card-default uk-box-shadow-default uk-flex uk-flex-column uk-height-1-1" >
< div * ngIf = "quickContactClicked" class = "uk-card uk-card-default uk-box-shadow-default uk-flex uk-flex-column uk-height-1-1" >
< div class = "uk-card-header uk-padding-small uk-text-center" [ class . uk-light ] = " backgroundHeader . dark " [ ngClass ] = " backgroundHeader . class " >
< div class = "uk-text-small" >
Send a message