hj/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

lint --fix + manual

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

10
src/components/component_preview/component_preview.vue
View file

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

37
src/components/image_cropper/image_cropper.vue
View file

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

2
src/components/login_form/login_form.vue
View file

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