LogalDeveloper/owncast
0
Fork 0
Code Activity

Prettified Code!

Browse Source
This commit is contained in:
gabek
2022-04-21 05:21:35 +00:00
committed by GitHub Action
parent cbe469ef87
commit dad9e0d16b
10 changed files with 150 additions and 103 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
webroot/js/components/icons/CaretDownIcon.js
View File

@@ -2,12 +2,17 @@ import { h } from '/js/web_modules/preact.js';
import htm from '/js/web_modules/htm.js';
const html = htm.bind(h);
export const CaretDownIcon = ({ className = "w-6 h-6"}) => {
return html`<svg class="${className}"
fill="currentColor"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd">
</path>
</svg>`
}
export const CaretDownIcon = ({ className = 'w-6 h-6' }) => {
return html`<svg
class="${className}"
fill="currentColor"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
>
<path
fill-rule="evenodd"
d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
clip-rule="evenodd"
></path>
</svg>`;
};

13
webroot/js/components/icons/ChatIcon.js
View File

@@ -6,10 +6,15 @@ export const ChatIcon = ({ className = 'w-6 h-6' }) => {
return html`
<svg
className="${className}"
fill="currentColor"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M18 5v8a2 2 0 01-2 2h-5l-5 4v-4H4a2 2 0 01-2-2V5a2 2 0 012-2h12a2 2 0 012 2zM7 8H5v2h2V8zm2 0h2v2H9V8zm6 0h-2v2h2V8z" clip-rule="evenodd"></path>
fill="currentColor"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
>
<path
fill-rule="evenodd"
d="M18 5v8a2 2 0 01-2 2h-5l-5 4v-4H4a2 2 0 01-2-2V5a2 2 0 012-2h12a2 2 0 012 2zM7 8H5v2h2V8zm2 0h2v2H9V8zm6 0h-2v2h2V8z"
clip-rule="evenodd"
></path>
</svg>
`;
};

22
webroot/js/components/icons/CheckIcon.js
View File

@@ -3,12 +3,18 @@ import htm from '/js/web_modules/htm.js';
const html = htm.bind(h);
export const CheckIcon = ({ className = 'w-6 h-6' }) => {
return html`<svg
class="${className}"
return html`<svg
class="${className}"
fill="none"
stroke="currentColor"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
</svg>`
}
stroke="currentColor"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M5 13l4 4L19 7"
></path>
</svg>`;
};

22
webroot/js/components/icons/CloseIcon.js
View File

@@ -1,14 +1,18 @@
import { h } from '/js/web_modules/preact.js';
import htm from '/js/web_modules/htm.js';
const html = htm.bind(h);
export const CloseIcon = ({ className = 'w-6 h-6' }) => {
return html`<svg
class="${className}"
fill="currentColor"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path>
</svg>`
}
return html`<svg
class="${className}"
fill="currentColor"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
>
<path
fill-rule="evenodd"
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
clip-rule="evenodd"
></path>
</svg>`;
};

16
webroot/js/components/icons/EditIcon.js
View File

@@ -1,14 +1,16 @@
import { h } from '/js/web_modules/preact.js';
import htm from '/js/web_modules/htm.js';
const html = htm.bind(h);
export const EditIcon = ({ className = 'w-6 h-6' }) => {
return html`<svg class="${className}"
fill="currentColor"
viewBox="0 0 20 20"
return html`<svg
class="${className}"
fill="currentColor"
viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
>
<path d="M13.586 3.586a2 2 0 112.828 2.828l-.793.793-2.828-2.828.793-.793zM11.379 5.793L3 14.172V17h2.828l8.38-8.379-2.83-2.828z"></path>
</svg>`
}
<path
d="M13.586 3.586a2 2 0 112.828 2.828l-.793.793-2.828-2.828.793-.793zM11.379 5.793L3 14.172V17h2.828l8.38-8.379-2.83-2.828z"
></path>
</svg>`;
};

1
webroot/js/components/icons/UserIcon.js
View File

@@ -1,4 +1,3 @@
import { h } from '/js/web_modules/preact.js';
import htm from '/js/web_modules/htm.js';
const html = htm.bind(h);

12
webroot/js/components/icons/index.js
View File

@@ -1,6 +1,6 @@
export { ChatIcon } from "./ChatIcon.js"
export { UserIcon } from "./UserIcon.js"
export { EditIcon } from "./EditIcon.js"
export { CheckIcon } from "./CheckIcon.js"
export { CloseIcon } from "./CloseIcon.js"
export { CaretDownIcon } from "./CaretDownIcon.js"
export { ChatIcon } from './ChatIcon.js';
export { UserIcon } from './UserIcon.js';
export { EditIcon } from './EditIcon.js';
export { CheckIcon } from './CheckIcon.js';
export { CloseIcon } from './CloseIcon.js';
export { CaretDownIcon } from './CaretDownIcon.js';