jason/DigitalConsumer.ISS
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

couple tweaks

Browse source
This commit is contained in:
Bill Richardson 2025-12-08 10:22:26 -05:00
parent 5d99bad99e
commit e2b66ebdab
2 changed files with 24 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/iss-components/site-header/progress-bar/progress-bar.vue
View file

@ -37,8 +37,7 @@ export default {
<style lang="scss">
.progress-bar-container {
padding: .75rem 0;
width: 55%;
display: block;
display: flex;
.progress-bar-header {
width: 38px;
@ -54,6 +53,11 @@ export default {
text-align: right;
}
.progress-bar {
min-width: 17.1875rem;
margin-left: .5rem;
}
.progress {
height: 10px;
width: 100%;
@ -87,6 +91,10 @@ export default {
}
}
.progress {
margin-left: .5rem;
}
.progress-bar-middle {
position: relative;
float: right;

17
src/iss-components/site-header/site-header.vue
View file

@ -2,15 +2,15 @@
<div
class="site-header-container"
:style="logoBackgroundStyle">
<div class="site-header iss-heritage-container-width row">
<div class="col">
<div class="site-header iss-heritage-container-width">
<div class="header-logo-container">
<img
id="siteHeaderImage"
class="img-fluid"
:src="imageSrc"
:alt="altText" />
</div>
<div class="col">
<div class="header-progress-bar-container">
<progress-bar />
</div>
</div>
@ -145,9 +145,20 @@ export default {
}
.site-header {
display: flex;
@include media-breakpoint-down(md) {
margin: 0 -.75rem;
}
.header-logo-container {
flex: 1 1 auto;
}
.header-progress-bar-container {
flex: 0 1 auto;
display: flex;
align-items: center;
justify-content: flex-end;
}
}
}