lint --fix + manual

This commit is contained in:
Henry Jameson 2025-04-08 13:51:52 +03:00
commit d9e4a3a4a8
3 changed files with 29 additions and 20 deletions

View file

@ -199,7 +199,7 @@ export default {
inset: 0;
display: grid;
place-items: center center;
background-color: rgba(100 0 0 / 50%);
background-color: rgb(100 0 0 / 50%);
.alert {
padding: 0.5em 1em;
@ -261,14 +261,14 @@ export default {
.preview-window {
--__grid-color1: rgb(102 102 102);
--__grid-color2: rgb(153 153 153);
--__grid-color1-disabled: rgba(102 102 102 / 20%);
--__grid-color2-disabled: rgba(153 153 153 / 20%);
--__grid-color1-disabled: rgb(102 102 102 / 20%);
--__grid-color2-disabled: rgb(153 153 153 / 20%);
&.-light-grid {
--__grid-color1: rgb(205 205 205);
--__grid-color2: rgb(255 255 255);
--__grid-color1-disabled: rgba(205 205 205 / 20%);
--__grid-color2-disabled: rgba(255 255 255 / 20%);
--__grid-color1-disabled: rgb(205 205 205 / 20%);
--__grid-color2-disabled: rgb(255 255 255 / 20%);
}
position: relative;

View file

@ -2,21 +2,24 @@
<div class="image-cropper">
<div v-if="dataUrl">
<cropper-canvas
ref="cropperCanvas"
background
class="image-cropper-canvas"
ref="cropperCanvas"
height="25em"
>
<cropper-image
ref="cropperImage"
:src="dataUrl"
alt="Picture"
ref="cropperImage"
class="image-cropper-image"
translatable
scalable
/>
<cropper-shade hidden />
<cropper-handle action="select" plain />
<cropper-handle
action="select"
plain
/>
<cropper-selection
ref="cropperSelection"
initial-coverage="1"
@ -25,17 +28,23 @@
resizable
@change="onCropperSelectionChange"
>
<cropper-grid role="grid" covered></cropper-grid>
<cropper-crosshair centered></cropper-crosshair>
<cropper-handle action="move" theme-color="rgba(255, 255, 255, 0.35)"></cropper-handle>
<cropper-handle action="n-resize"></cropper-handle>
<cropper-handle action="e-resize"></cropper-handle>
<cropper-handle action="s-resize"></cropper-handle>
<cropper-handle action="w-resize"></cropper-handle>
<cropper-handle action="ne-resize"></cropper-handle>
<cropper-handle action="nw-resize"></cropper-handle>
<cropper-handle action="se-resize"></cropper-handle>
<cropper-handle action="sw-resize"></cropper-handle>
<cropper-grid
role="grid"
covered
/>
<cropper-crosshair centered />
<cropper-handle
action="move"
theme-color="rgba(255, 255, 255, 0.35)"
/>
<cropper-handle action="n-resize" />
<cropper-handle action="e-resize" />
<cropper-handle action="s-resize" />
<cropper-handle action="w-resize" />
<cropper-handle action="ne-resize" />
<cropper-handle action="nw-resize" />
<cropper-handle action="se-resize" />
<cropper-handle action="sw-resize" />
</cropper-selection>
</cropper-canvas>
<div class="image-cropper-buttons-wrapper">

View file

@ -93,4 +93,4 @@
<script src="./login_form.js"></script>
<style src="./login_form.scss"/>
<style src="./login_form.scss" />