Files
openfoodnetwork/app/webpacker/css/admin/connected_apps.scss
Maikel Linke 25f396c126 Add permission module with example data
It's basically just copied from the Readme file still pointing to the
development server and it's not interacting with OFN just yet.
2025-08-08 14:00:01 +10:00

87 lines
1.6 KiB
SCSS

#connected_apps_panel {
max-width: 615px;
}
.connected_app {
margin-bottom: 2rem;
&:not(:first-of-type) {
border-top: 1px solid $color-border;
}
}
.connected-app__head {
display: flex;
justify-content: space-between;
margin: 1em 0;
h3 {
margin-bottom: 1em;
}
}
.connected-app__description {
p {
margin-bottom: 1em;
}
}
.connected-app__note {
display: flex;
justify-content: space-between;
background-color: $color-14;
border: none;
border-left: $border-radius solid $color-3;
border-radius: $border-radius;
box-shadow:
0px 1px 0px rgba(0, 0, 0, 0.05),
0px 2px 2px rgba(0, 0, 0, 0.07);
margin: 2em 0;
padding: 0.5em 1em;
align-items: center;
gap: 1em;
* {
flex-shrink: 0;
}
p {
flex-shrink: 1;
}
}
.connected-app__vine {
margin: 1em 0;
.connected-app__vine-content {
display: flex;
justify-content: space-between;
align-items: end;
.vine-api-key {
width: 100%;
margin-right: 1em;
}
.vine-disable {
margin-left: auto;
}
}
}
solid-permissioning {
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
--font-family: "Inter", sans-serif;
--color-text: #181d27;
--color-primary: #0096AD;
--color-primary-dark: #007B8A;
--color-primary-light: #5498DA;
--color-secondary: #23A877;
--color-third: #F1F8FE;
--color-third-dark: #d8e6f5;
--color-heading: #0096AD;
--color-grey: #4d4d4d;
font-family: var(--font-family);
}