arregla un problema de importar el css a lo loco

pull/6/head
Borja Robert 3 years ago
parent 07343d4ec3
commit f09a6dba7f

@ -57,10 +57,11 @@
<style> <style>
.colabs { .colabs {
display: grid; display: grid;
grid-template-columns: repeat(5, min-content); grid-template-columns: repeat(3, min-content);
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.organization { .organization {
position: relative; position: relative;
display: grid; display: grid;
@ -88,6 +89,7 @@
cursor: pointer; cursor: pointer;
background-color: white; background-color: white;
padding: 0 0.25rem; padding: 0 0.25rem;
z-index: 2;
} }
input { input {

@ -108,7 +108,7 @@
<textarea bind:value={$address} type="text" name="address" /> <textarea bind:value={$address} type="text" name="address" />
</div> </div>
</div> </div>
<div class="form-group media"> <div class="form-group ">
<label for="organizedBy">Organiza:</label> <label for="organizedBy">Organiza:</label>
<Organized /> <Organized />
<label for="colabs">Colabora:</label> <label for="colabs">Colabora:</label>
@ -158,7 +158,7 @@
} }
button { button {
margin: 0 1rem; margin: 1rem;
padding: 0.5rem; padding: 0.5rem;
font-size: 1.1rem; font-size: 1.1rem;
cursor: pointer; cursor: pointer;

@ -22,7 +22,7 @@
}; };
</script> </script>
<div class="organized-by"> <div class="form-organized-by">
{#if $organizedBy[0]} {#if $organizedBy[0]}
{#each $organizedBy as organization, i} {#each $organizedBy as organization, i}
<div class="organization"> <div class="organization">
@ -55,7 +55,7 @@
/> />
<style> <style>
.organized-by { .form-organized-by {
display: grid; display: grid;
grid-template-columns: repeat(5, min-content); grid-template-columns: repeat(5, min-content);
align-items: center; align-items: center;
@ -87,11 +87,14 @@
cursor: pointer; cursor: pointer;
background-color: white; background-color: white;
padding: 0 0.25rem; padding: 0 0.25rem;
z-index: 2;
} }
input { input {
display: block; display: block;
max-width: 100px; max-width: 100px;
} }
button { button {
display: block; display: block;
padding: 0.5rem; padding: 0.5rem;

@ -1,8 +1,9 @@
.preview { .preview {
padding: 1rem; padding: 0.5rem;
display: grid; display: grid;
justify-content: center; justify-content: center;
grid-template-columns: 1fr; grid-template-columns: 1fr;
align-items: start;
} }
.result { .result {
@ -49,6 +50,7 @@
align-items: end; align-items: end;
text-align: center; text-align: center;
} }
.subtitle { .subtitle {
position: absolute; position: absolute;
display: flex; display: flex;
@ -173,6 +175,7 @@
opacity: 75%; opacity: 75%;
} }
.caption { .caption {
margin: 0.5rem 0; margin: 0.5rem 0;
font-size: 0.7rem; font-size: 0.7rem;

@ -23,6 +23,7 @@
grid-gap: 0.5rem; grid-gap: 0.5rem;
min-height: calc(100vh - 5rem); min-height: calc(100vh - 5rem);
} }
.form { .form {
grid-column: 1/2; grid-column: 1/2;
background-color: rgb(230, 240, 240); background-color: rgb(230, 240, 240);

Loading…
Cancel
Save