glax/tranga-website
1
0
Fork 0
mirror of https://github.com/C9Glax/tranga-website.git synced 2025-06-12 14:57:53 +02:00
Code Issues Packages Projects Releases Wiki Activity

Settings styling

Browse Source
This commit is contained in:
glax
2024-10-22 18:32:20 +02:00
parent d621422ae3
commit 46ea39245e
2 changed files with 51 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
Website/styles/settings.css
View File

@ -36,6 +36,7 @@
}
.section-item {
position: relative;
display: flex;
flex-direction: column;
width: 22%;
@ -46,7 +47,15 @@
border-width: 1px;
border-color: lightgray;
margin: 7px;
padding: 5px;
padding: 5px 5px 35px;
}
.section-item[connector-status="Not Configured"]{
border-color: var(--primary-color);
}
.section-item[connector-status="Configured"]{
border-color: green;
}
.section-item > .settings-section-title {
@ -65,3 +74,19 @@
border-radius: 5px;
}
.section-item .section-actions {
position: absolute;
bottom: 0;
display: flex;
justify-content: space-around;
margin: 5px;
width: 100%;
}
.section-actions > span {
border: 1px solid lightgray;
padding: 3px 5px 2px;
width: 10ch;
text-align: center;
border-radius: 3px;
}