tyler.durden
/
dashy
mirror of https://github.com/Lissy93/dashy.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

🐛 Re: #115 - Fixes width in config container for long languages

This commit is contained in:
Alicia Sykes 2021-08-04 20:23:01 +01:00
parent 31ac0171f5
commit 6f5943073f
1 changed files with 12 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/Configuration/ConfigContainer.vue
View File

@ -217,7 +217,8 @@ a.config-button, button.config-button {
text-decoration: none; text-decoration: none;
cursor: pointer; cursor: pointer;
margin: 0.5rem auto; margin: 0.5rem auto;
width: 18rem; min-width: 18rem;
width: 100%;
svg.button-icon { svg.button-icon {
path { path {
fill: var(--config-settings-color); fill: var(--config-settings-color);
@ -236,6 +237,13 @@ a.config-button, button.config-button {
} }
} }
a.hyperlink-wrapper {
margin: 0 auto;
text-decoration: none;
min-width: 18rem;
width: 100%;
}
p.app-version, p.language { p.app-version, p.language {
margin: 0.5rem auto; margin: 0.5rem auto;
font-size: 1rem; font-size: 1rem;
@ -296,17 +304,14 @@ div.code-container {
} }
} }
a.hyperlink-wrapper {
margin: 0 auto;
text-decoration: none;
}
.main-options-container { .main-options-container {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding-top: 2rem;
background: var(--config-settings-background); background: var(--config-settings-background);
height: calc(100% - 2rem); height: calc(100% - 2rem);
width: fit-content;
margin: 0 auto;
padding: 2rem 0.5rem;
h2 { h2 {
margin: 0 auto 1rem auto; margin: 0 auto 1rem auto;
color: var(--config-settings-color); color: var(--config-settings-color);