studio-variable/designtopack
3
0
Fork 0
Code Issues 7 Pull requests Projects Releases Packages Wiki Activity Actions

Fix project steps layout

Browse source
This commit is contained in:
Timothée Goguely 2024-11-21 19:11:16 +01:00
parent 129b60f0b8
commit fc8bda1667
1 changed files with 6 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/components/project/Project.vue
View file

@ -45,11 +45,12 @@ const { stepsLabels, setStatus } = useProjectStore();
<style scoped>
.project-item {
background: var(--color-background);
row-gap: 2.5rem;
}
.project-item hgroup {
flex: 1 1 0%;
min-width: 15rem;
min-width: 20rem;
}
.project-item h3 {
font-family: var(--font-serif);
@ -74,12 +75,14 @@ const { stepsLabels, setStatus } = useProjectStore();
.project-steps {
--color: var(--color-primary-100);
--gap: var(--space-16);
flex: 0 1 0%;
flex: 1 1 0%;
display: flex;
gap: var(--gap);
margin-top: -2.75rem;
position: relative;
min-width: max(55%, 45rem);
width: 100%;
padding: 2rem 0;
}
.project-step {
@ -184,6 +187,7 @@ const { stepsLabels, setStatus } = useProjectStore();
--background: transparent;
color: transparent;
}
.project-step[data-status="done"] .pill::after {
mask-image: var(--icon-check-3);
}