romein/rolens
1
0
Fork 0
mirror of https://github.com/garraflavatra/rolens.git synced 2025-01-18 21:17:59 +00:00
Code Issues Releases Activity

Moved icon specific styles to icon.svelte

Browse Source
This commit is contained in:
Romein van Buren 2023-01-22 15:34:37 +01:00
parent 480edf8d59
commit 3e5ca44e61
Signed by: romein
GPG Key ID: 0EFF8478ADDF6C49
2 changed files with 14 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/src/components/icon.svelte vendored
View File

@ -2,6 +2,20 @@
export let name = ''; export let name = '';
</script> </script>
<style>
:global(.field) svg {
width: 13px;
height: 13px;
margin-right: 2px;
}
:global(.btn) svg {
height: 13px;
width: auto;
vertical-align: bottom;
}
</style>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
{#if name === 'radio'} {#if name === 'radio'}
<circle cx="12" cy="12" r="2"></circle><path d="M16.24 7.76a6 6 0 0 1 0 8.49m-8.48-.01a6 6 0 0 1 0-8.49m11.31-2.82a10 10 0 0 1 0 14.14m-14.14 0a10 10 0 0 1 0-14.14"></path> <circle cx="12" cy="12" r="2"></circle><path d="M16.24 7.76a6 6 0 0 1 0 8.49m-8.48-.01a6 6 0 0 1 0-8.49m11.31-2.82a10 10 0 0 1 0 14.14m-14.14 0a10 10 0 0 1 0-14.14"></path>

10
frontend/src/style.css
View File

@ -63,11 +63,6 @@ p strong {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.field svg {
width: 13px;
height: 13px;
margin-right: 2px;
}
.field > :first-child { .field > :first-child {
border-top-left-radius: 10px; border-top-left-radius: 10px;
border-bottom-left-radius: 10px; border-bottom-left-radius: 10px;
@ -141,11 +136,6 @@ p strong {
opacity: 0.5; opacity: 0.5;
cursor: not-allowed; cursor: not-allowed;
} }
.btn svg {
height: 13px;
width: auto;
vertical-align: bottom;
}
code, code,
.code { .code {