Radish alpha
r
Radicle web interface
Radicle
Git (anonymous pull)
Log in to clone via SSH
Remove some deprecated CSS props and change form items to align-items: flex-start
Sebastian Martinez committed 3 years ago
commit 2dd53321d967cec0b0fc6de1fd120e4501a66504
parent ba7067492ee9b2c5e92fdc3ef9d42a1268a0e072
3 files changed +7 -10
modified src/Form.svelte
@@ -127,16 +127,15 @@
  .fields {
    display: grid;
    grid-template-columns: 6rem auto;
-
    grid-gap: 1rem 1.5rem;
+
    gap: 1rem 1.5rem;
  }
  .fields > div {
-
    justify-self: start;
-
    align-self: center;
+
    place-self: center start;
  }

  .field {
    display: flex;
-
    align-items: center;
+
    align-items: flex-start;
    width: 28rem;
    height: 2.5rem;
    border: 1px dashed transparent;
modified src/Profile.svelte
@@ -77,12 +77,11 @@
  .fields {
    display: grid;
    grid-template-columns: 5rem 4fr 2fr;
-
    grid-gap: 1rem 2rem;
+
    gap: 1rem 2rem;
    margin-bottom: 1rem;
  }
  .fields > div {
-
    justify-self: start;
-
    align-self: center;
+
    place-self: center start;
    height: 2rem;
    line-height: 2rem;
  }
modified src/base/seeds/View.svelte
@@ -65,12 +65,11 @@
  .fields {
    display: grid;
    grid-template-columns: 5rem 4fr 2fr;
-
    grid-gap: 1rem 2rem;
+
    gap: 1rem 2rem;
    margin-bottom: 2rem;
  }
  .fields > div {
-
    justify-self: start;
-
    align-self: center;
+
    place-self: center start;
    height: 2rem;
    line-height: 2rem;
  }