yanchan09/akkoma-fe
1
0
Fork 0
forked from AkkomaGang/akkoma-fe
Code Issues Pull requests Projects Releases Packages Wiki Activity

some styles fixes

Browse source
This commit is contained in:
Henry Jameson 2018-04-08 03:43:07 +03:00
parent cc02672e14
commit 59a05081c5
4 changed files with 14 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/App.scss
View file

@ -95,7 +95,7 @@ input, textarea, .select {
color: var(--lightFg, $fallback--lightFg); color: var(--lightFg, $fallback--lightFg);
font-family: sans-serif; font-family: sans-serif;
font-size: 14px; font-size: 14px;
padding: 8px 7px 4px; padding: 8px 7px;
box-sizing: border-box; box-sizing: border-box;
display: inline-block; display: inline-block;
position: relative; position: relative;
@ -183,8 +183,8 @@ i[class*=icon-] {
.item { .item {
flex: 1; flex: 1;
line-height: 25px; line-height: 50px;
height: 25px; height: 50px;
overflow: hidden; overflow: hidden;
.nav-icon { .nav-icon {

15
src/components/style_switcher/style_switcher.vue
View file

@ -55,32 +55,32 @@
<p>{{$t('settings.radii_help')}}</p> <p>{{$t('settings.radii_help')}}</p>
<div class="radius-item"> <div class="radius-item">
<label for="btnradius" class="theme-radius-lb">{{$t('settings.btnRadius')}}</label> <label for="btnradius" class="theme-radius-lb">{{$t('settings.btnRadius')}}</label>
<input id="btnradius" class="theme-radius-rn" type="range" v-model="btnRadiusLocal"> <input id="btnradius" class="theme-radius-rn" type="range" v-model="btnRadiusLocal" max="16">
<input id="btnradius-t" class="theme-radius-in" type="text" v-model="btnRadiusLocal"> <input id="btnradius-t" class="theme-radius-in" type="text" v-model="btnRadiusLocal">
</div> </div>
<div class="radius-item"> <div class="radius-item">
<label for="panelradius" class="theme-radius-lb">{{$t('settings.panelRadius')}}</label> <label for="panelradius" class="theme-radius-lb">{{$t('settings.panelRadius')}}</label>
<input id="panelradius" class="theme-radius-rn" type="range" v-model="panelRadiusLocal"> <input id="panelradius" class="theme-radius-rn" type="range" v-model="panelRadiusLocal" max="50">
<input id="panelradius-t" class="theme-radius-in" type="text" v-model="panelRadiusLocal"> <input id="panelradius-t" class="theme-radius-in" type="text" v-model="panelRadiusLocal">
</div> </div>
<div class="radius-item"> <div class="radius-item">
<label for="avatarradius" class="theme-radius-lb">{{$t('settings.avatarRadius')}}</label> <label for="avatarradius" class="theme-radius-lb">{{$t('settings.avatarRadius')}}</label>
<input id="avatarradius" class="theme-radius-rn" type="range" v-model="avatarRadiusLocal"> <input id="avatarradius" class="theme-radius-rn" type="range" v-model="avatarRadiusLocal" max="28">
<input id="avatarradius-t" class="theme-radius-in" type="green" v-model="avatarRadiusLocal"> <input id="avatarradius-t" class="theme-radius-in" type="green" v-model="avatarRadiusLocal">
</div> </div>
<div class="radius-item"> <div class="radius-item">
<label for="avataraltradius" class="theme-radius-lb">{{$t('settings.avatarAltRadius')}}</label> <label for="avataraltradius" class="theme-radius-lb">{{$t('settings.avatarAltRadius')}}</label>
<input id="avataraltradius" class="theme-radius-rn" type="range" v-model="avatarAltRadiusLocal"> <input id="avataraltradius" class="theme-radius-rn" type="range" v-model="avatarAltRadiusLocal" max="28">
<input id="avataraltradius-t" class="theme-radius-in" type="text" v-model="avatarAltRadiusLocal"> <input id="avataraltradius-t" class="theme-radius-in" type="text" v-model="avatarAltRadiusLocal">
</div> </div>
<div class="radius-item"> <div class="radius-item">
<label for="attachmentradius" class="theme-radius-lb">{{$t('settings.attachmentRadius')}}</label> <label for="attachmentradius" class="theme-radius-lb">{{$t('settings.attachmentRadius')}}</label>
<input id="attachmentrradius" class="theme-radius-rn" type="range" v-model="attachmentRadiusLocal"> <input id="attachmentrradius" class="theme-radius-rn" type="range" v-model="attachmentRadiusLocal" max="50">
<input id="attachmentradius-t" class="theme-radius-in" type="text" v-model="attachmentRadiusLocal"> <input id="attachmentradius-t" class="theme-radius-in" type="text" v-model="attachmentRadiusLocal">
</div> </div>
<div class="radius-item"> <div class="radius-item">
<label for="tooltipradius" class="theme-radius-lb">{{$t('settings.tooltipRadius')}}</label> <label for="tooltipradius" class="theme-radius-lb">{{$t('settings.tooltipRadius')}}</label>
<input id="tooltipradius" class="theme-radius-rn" type="range" v-model="tooltipRadiusLocal"> <input id="tooltipradius" class="theme-radius-rn" type="range" v-model="tooltipRadiusLocal" max="20">
<input id="tooltipradius-t" class="theme-radius-in" type="text" v-model="tooltipRadiusLocal"> <input id="tooltipradius-t" class="theme-radius-in" type="text" v-model="tooltipRadiusLocal">
</div> </div>
</div> </div>
@ -166,6 +166,7 @@
box-shadow: none; box-shadow: none;
background: transparent; background: transparent;
color: var(--faint, $fallback--faint); color: var(--faint, $fallback--faint);
align-self: stretch;
} }
.theme-color-cl, .theme-color-cl,
@ -175,7 +176,6 @@
} }
.theme-color-in { .theme-color-in {
padding: 5px;
min-width: 4em; min-width: 4em;
} }
@ -206,7 +206,6 @@
.theme-color-cl { .theme-color-cl {
padding: 1px; padding: 1px;
max-width: 8em; max-width: 8em;
align-self: stretch;
height: 100%; height: 100%;
flex: 0; flex: 0;
min-width: 2em; min-width: 2em;

2
src/components/timeline/timeline.vue
View file

@ -101,5 +101,7 @@
border-color: var(--border, $fallback--border); border-color: var(--border, $fallback--border);
padding: 10px; padding: 10px;
z-index: 1; z-index: 1;
background-color: $fallback--btn;
background-color: var(--btn, $fallback--btn);
} }
</style> </style>

4
src/components/user_finder/user_finder.vue
View file

@ -19,13 +19,13 @@
@import '../../_variables.scss'; @import '../../_variables.scss';
.user-finder-container { .user-finder-container {
height: 21px; height: 29px;
max-width: 100%; max-width: 100%;
} }
.user-finder-input { .user-finder-input {
max-width: 80%; max-width: 80%;
padding: 0.1em 0.2em 0.2em 0.2em; vertical-align: middle;
} }
</style> </style>