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:
Eric 2024-12-03 17:49:45 -06:00 committed by GitHub
parent ad83e71e39
commit 53e1970e44
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 9 additions and 16 deletions

View file

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 3.4 KiB

View file

@ -238,6 +238,10 @@
[purpose='page-container'] {
padding: 32px 24px;
}
[purpose='request-button'] {
margin-top: 16px;
width: 100%;
}
}

View file

@ -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>