Website: add JNUC banner to device-management page (#22560)

Closes: https://github.com/fleetdm/fleet/issues/22559

Changes:
-Added a banner to the top of the device management page for JNUC
atendees to book a meeting with the CEO.
This commit is contained in:
Eric 2024-10-01 16:34:01 -05:00 committed by GitHub
parent f8fff1685d
commit fd928e78b9
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 22 additions and 0 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.6 KiB

View file

@ -39,6 +39,27 @@
strong {
color: @core-fleet-black;
}
[purpose='jnuc-banner'] {
height: 44px;
background-color: #0587FF;
p {
color: #FFF;
font-size: 14px;
font-weight: 700;
margin-bottom: 0px;
}
a {
color: #FFF;
text-decoration-line: underline;
text-underline-offset: 2px;
}
img {
display: inline;
height: 20px;
margin-right: 10px;
}
}
[purpose='page-container'] {
padding-left: 64px;
padding-right: 64px;

View file

@ -1,4 +1,5 @@
<div id="device-management-page" v-cloak>
<div purpose="jnuc-banner" class="d-flex flex-row align-items-center justify-content-center"><img src="/images/icon-hand-wave-20x20@2x.png" alt="👋"><p>Attending JNUC? <a href="https://calendly.com/d/ckwb-wcp-8fz/meet-with-fleet-ceo" target="_blank">Chat with our CEO</a>.</p></div>
<div purpose="page-container">
<div purpose="page-content" class="mx-auto">
<div purpose="hero">