Gleipnir/nidus-sync
2
0
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity Actions

Finish porting styles of compliance flow

Browse source
This commit is contained in:
Eli Ribble 2026-04-07 16:05:30 +00:00
parent 53bfbbc5ef
commit cc7ce44f47
No known key found for this signature in database
4 changed files with 55 additions and 304 deletions
Download patch file Download diff file Expand all files Collapse all files

41
ts/rmo/content/compliance/Concern.vue
View file

@ -1,3 +1,44 @@
<style scoped>
.observation-image {
width: 100%;
height: 200px;
background-color: #e9ecef;
border: 1px solid #dee2e6;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
color: #6c757d;
cursor: pointer;
transition: all 0.2s ease;
position: relative;
overflow: hidden;
}
.observation-image:hover {
border-color: #0d6efd;
box-shadow: 0 2px 8px rgba(13, 110, 253, 0.2);
}
.observation-image .overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.7);
color: white;
padding: 8px;
font-size: 12px;
text-align: center;
}
.inspector-notes {
background-color: #fff;
border-left: 4px solid #0d6efd;
padding: 16px;
border-radius: 4px;
}
</style>
<template>
<div class="container-fluid px-3 py-3">
<HeaderCompliance :district="district" />