mirror of
https://github.com/fleetdm/fleet
synced 2026-05-23 00:49:03 +00:00
Website: Update platform icons on query details page (#23491)
Changes: - Updated position and spacing of platform icons on the query details page to prevent style issues on multi-platform policies
This commit is contained in:
parent
9a0ab0b2af
commit
696ab33145
2 changed files with 7 additions and 4 deletions
|
|
@ -214,6 +214,7 @@
|
|||
}
|
||||
img {
|
||||
height: 24px;
|
||||
margin-right: 16px;
|
||||
}
|
||||
}
|
||||
[purpose='edit-button'] {
|
||||
|
|
|
|||
10
website/views/pages/query-detail.ejs
vendored
10
website/views/pages/query-detail.ejs
vendored
|
|
@ -53,10 +53,12 @@
|
|||
<div purpose="right-sidebar" class="d-flex flex-column">
|
||||
<div purpose="policy-platform">
|
||||
<h4>Platform</h4>
|
||||
<img src="/images/os-macos-dark-24x24@2x.png" alt="macOS" v-if="query.platform.includes('darwin')"/>
|
||||
<img src="/images/os-windows-dark-24x24@2x.png" alt="Windows" v-if="query.platform.includes('windows')"/>
|
||||
<img src="/images/os-linux-dark-24x24@2x.png" alt="Linux" v-if="query.platform.includes('linux')"/>
|
||||
<img src="/images/os-chromeos-dark-24x24@2x.png" alt="ChromeOS" v-if="query.platform.includes('chrome')"/>
|
||||
<div class="d-flex flex-row">
|
||||
<img src="/images/os-macos-dark-24x24@2x.png" alt="macOS" v-if="query.platform.includes('darwin')"/>
|
||||
<img src="/images/os-windows-dark-24x24@2x.png" alt="Windows" v-if="query.platform.includes('windows')"/>
|
||||
<img src="/images/os-linux-dark-24x24@2x.png" alt="Linux" v-if="query.platform.includes('linux')"/>
|
||||
<img src="/images/os-chromeos-dark-24x24@2x.png" alt="ChromeOS" v-if="query.platform.includes('chrome')"/>
|
||||
</div>
|
||||
</div>
|
||||
<div purpose="social-share-buttons" class="d-flex flex-column order-lg-2 order-1">
|
||||
<p><strong>Share</strong></p>
|
||||
|
|
|
|||
Loading…
Reference in a new issue