KevinMidboe/brewpi
1
0
Fork 0
mirror of https://github.com/KevinMidboe/brewPi.git synced 2025-10-29 16:50:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

Page & component wrapping element consistent style w/ .card

Browse Source
This commit is contained in:
Kevin
2023-05-29 12:30:55 +02:00
parent 851ecac5ab
commit 316cd14ed2
6 changed files with 14 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/lib/components/RelayControls.svelte
View File

@@ -22,7 +22,7 @@
}
</script>
<div class="relays-container">
<div class="card">
<h1>Manual relay controls</h1>
<div class="vertical-sensor-display">
@@ -41,28 +41,15 @@
<style lang="scss" module="scoped">
@import '../../styles/media-queries.scss';
.relays-container {
height: fit-content;
border-radius: 12px;
background-color: var(--background);
transition: background-color var(--color-transition-duration) ease-in-out;
padding: 2.25rem 1rem;
@include tablet {
padding: 2.25rem 3rem;
}
h1 {
margin-top: 0;
}
}
.vertical-sensor-display {
position: relative;
height: fit-content;
display: flex;
justify-content: space-between;
justify-content: space-around;
flex-wrap: wrap;
@include desktop {
justify-content: space-between;
}
}
h2 {