mirrors/TidGi-Desktop
1
Fork 0
mirror of https://github.com/tiddly-gittly/TidGi-Desktop.git synced 2026-01-24 13:30:59 -08:00
Code Issues Projects Releases Packages Wiki Activity

feat: better ui

Browse source
This commit is contained in:
tiddlygit-test 2021-05-05 21:42:35 +08:00
parent 5a2a0f1069
commit 8d99d80cf6
2 changed files with 8 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/components/TokenForm/GitTokenForm.tsx
View file

@ -10,7 +10,6 @@ import { ServiceEmailTypes, ServiceTokenTypes, ServiceUserNameTypes } from '@ser
import { useAuthing } from './gitTokenHooks';
const AuthingLoginButton = styled(Button)`
white-space: nowrap;
width: 100%;
`;
const GitTokenInput = styled(TextField)``;

9
src/pages/Main/WorkspaceSelector.tsx
View file

@ -2,7 +2,7 @@ import Promise from 'bluebird';
import React, { useState, useEffect } from 'react';
import { useTranslation } from 'react-i18next';
import BadgeRaw from '@material-ui/core/Badge';
import styled, { css } from 'styled-components';
import styled, { css, keyframes } from 'styled-components';
import defaultIcon from '../../images/default-icon.png';
import { getAssetsFileUrl } from '@/helpers/url';
@ -40,6 +40,10 @@ const Root = styled.div<{ hibernated?: boolean; active?: boolean }>`
`}
`;
const backgroundColorShift = keyframes`
from {background-color: #dddddd;}
to {background-color: #eeeeee}
`;
// TODO: background: theme.palette.type === 'dark' ? theme.palette.common.black : theme.palette.common.white,
// TODO: color: theme.palette.getContrastText(theme.palette.type === 'dark' ? theme.palette.common.black : theme.palette.common.white),
// TODO: border: theme.palette.type === 'dark' ? 'none' : 1px solid rgba(0, 0, 0, 0.12),
@ -69,6 +73,9 @@ const Avatar = styled.div<{ large?: boolean; transparent?: boolean; addAvatar: b
&${({ highlightAdd, addAvatar }) => (highlightAdd && addAvatar ? '' : ':hover')}, &:hover {
background-color: #eeeeee;
animation: ${backgroundColorShift} 5s infinite;
animation-direction: alternate;
animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
color: black;
}
${({ addAvatar }) =>