mirror of
https://github.com/fleetdm/fleet
synced 2026-05-23 00:49:03 +00:00
Website: (/app-library) rename zoom icon, update button placement on mobile (#24360)
Closes #24352 Closes #24306 Changes: - Updated the name of the Zoom icon - Updated the Request an app button to be at the bottom of the page on mobile devices.
This commit is contained in:
parent
ad83e71e39
commit
53e1970e44
3 changed files with 9 additions and 16 deletions
|
Before Width: | Height: | Size: 3.4 KiB After Width: | Height: | Size: 3.4 KiB |
4
website/assets/styles/pages/app-library.less
vendored
4
website/assets/styles/pages/app-library.less
vendored
|
|
@ -238,6 +238,10 @@
|
|||
[purpose='page-container'] {
|
||||
padding: 32px 24px;
|
||||
}
|
||||
[purpose='request-button'] {
|
||||
margin-top: 16px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
|
|
|||
21
website/views/pages/app-library.ejs
vendored
21
website/views/pages/app-library.ejs
vendored
|
|
@ -24,8 +24,8 @@
|
|||
</div> -->
|
||||
</div>
|
||||
<div purpose="count-and-cta" class="d-flex flex-sm-row flex-column align-items-sm-center align-items-start justify-content-sm-between justify-content-center mb-3">
|
||||
<div><p class="mb-sm-0"><strong>{{allApps.length}} and counting....</strong></p></div>
|
||||
<div>
|
||||
<div><p class="mb-0"><strong>{{allApps.length}} and counting....</strong></p></div>
|
||||
<div class="d-sm-block d-none">
|
||||
<a purpose="request-button" href="/contact?sendMessage">Request an app</a>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -46,22 +46,11 @@
|
|||
</div>
|
||||
</a>
|
||||
<% } %>
|
||||
<!--
|
||||
<a :href="'/app-library/'+app.identifier" purpose="app-card" class="card d-flex" v-for="app in allApps">
|
||||
<div class="d-flex flex-row align-items-center justify-content-start">
|
||||
<div purpose="app-icon">
|
||||
<img :src="'/images/app-icon-'+app.identifier+'-60x60@2x.png'">
|
||||
</div>
|
||||
<div class="flex-column">
|
||||
<h4>{{app.name}}</h4>
|
||||
<p purpose="app-version" class="mb-0">
|
||||
{{app.version}}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</a> -->
|
||||
<div purpose="app-card" class="card d-flex invisible"></div>
|
||||
</div>
|
||||
<div class="d-flex d-sm-none w-100">
|
||||
<a purpose="request-button" href="/contact?sendMessage">Request an app</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in a new issue