| | |
|---|
| | | <template> |
|---|
| | | <svg class="repair-logo" viewBox="0 0 30 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> |
|---|
| | | <rect class="screwdriver-handle" x="5" y="2" width="3.2" height="6" rx="1.2"/> |
|---|
| | | <path d="M5.7 4.2h1.8"/> |
|---|
| | | <path d="M5.7 6.2h1.8"/> |
|---|
| | | <path d="M6.6 8v7"/> |
|---|
| | | <path d="M5.6 15h2"/> |
|---|
| | | <path d="M5.6 17.5h2"/> |
|---|
| | | <g transform="translate(5 -2) scale(.82)"> |
|---|
| | | <path vector-effect="non-scaling-stroke" d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"/> |
|---|
| | | </g> |
|---|
| | | </svg> |
|---|
| | | <img class="repair-logo" :src="logoSrc" alt="rk_SystemName"> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script> |
|---|
| | | export default { |
|---|
| | | name: 'RepairLogo' |
|---|
| | | name: 'RepairLogo', |
|---|
| | | computed: { |
|---|
| | | logoSrc() { |
|---|
| | | return (process.env.BASE_URL || '/') + 'logo.png' |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style scoped> |
|---|
| | | .repair-logo { |
|---|
| | | display: block; |
|---|
| | | width: 1.30em; |
|---|
| | | height: 1.03em; |
|---|
| | | overflow: visible; |
|---|
| | | } |
|---|
| | | .screwdriver-handle { |
|---|
| | | fill: currentColor; |
|---|
| | | fill-opacity: .16; |
|---|
| | | width: 1.2em; |
|---|
| | | height: 1.2em; |
|---|
| | | object-fit: contain; |
|---|
| | | } |
|---|
| | | </style> |
|---|
