ammar/cally
1
0
Fork 0
mirror of https://github.com/urosran/cally.git synced 2025-11-26 00:24:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

changes to calendar and UI

Browse Source
This commit is contained in:
ivic00
2024-10-05 23:41:44 +02:00
parent dd9f398fda
commit fe6e0365a4
24 changed files with 2045 additions and 2070 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
assets/svgs/AppleIcon.tsx Normal file
View File

@ -0,0 +1,15 @@
import * as React from "react";
import Svg, { Path, SvgProps } from "react-native-svg";
const AppleIcon: React.FC<SvgProps> = (props) => (
<Svg
width={30}
height={35}
viewBox="5 3 49 53"
{...props}
>
<Path d="M44.527 34.75c-1.078 2.395-1.597 3.465-2.984 5.578-1.941 2.953-4.68 6.64-8.063 6.664-3.011.028-3.789-1.965-7.878-1.93-4.086.02-4.938 1.97-7.954 1.938-3.386-.031-5.976-3.352-7.918-6.3-5.43-8.27-6.003-17.966-2.648-23.122 2.375-3.656 6.129-5.805 9.656-5.805 3.594 0 5.852 1.973 8.82 1.973 2.883 0 4.637-1.976 8.794-1.976 3.14 0 6.46 1.71 8.836 4.664-7.766 4.257-6.504 15.347 1.34 18.316ZM31.195 8.469c1.512-1.942 2.66-4.68 2.242-7.469-2.464.168-5.347 1.742-7.03 3.781-1.528 1.86-2.794 4.617-2.302 7.285 2.692.086 5.477-1.52 7.09-3.597Z" />
</Svg>
);
export default AppleIcon;

34
assets/svgs/CameraIcon.tsx Normal file
View File

@ -0,0 +1,34 @@
import * as React from "react";
import Svg, { Path, SvgProps } from "react-native-svg";
interface CameraIconProps extends SvgProps {
color?: string;
}
const CameraIcon: React.FC<CameraIconProps> = (props) => (
<Svg
width={23}
height={21}
fill="none"
{...props}
>
<Path
stroke={props.color || "#919191"}
strokeWidth={1.583}
d="M11.5 14.722a3.167 3.167 0 1 0 0-6.333 3.167 3.167 0 0 0 0 6.333Z"
/>
<Path
stroke={props.color || "#919191"}
strokeWidth={1.583}
d="M9.154 20h4.691c3.295 0 4.942 0 6.126-.776a4.651 4.651 0 0 0 1.294-1.271c.79-1.162.79-2.78.79-6.014 0-3.234 0-4.851-.79-6.013a4.65 4.65 0 0 0-1.294-1.271c-.76-.499-1.713-.677-3.17-.74-.696 0-1.294-.518-1.43-1.188A2.179 2.179 0 0 0 13.223 1H9.775c-1.043 0-1.94.723-2.145 1.727-.137.67-.736 1.187-1.431 1.187-1.457.064-2.41.242-3.17.741a4.65 4.65 0 0 0-1.294 1.27c-.79 1.163-.79 2.78-.79 6.014 0 3.235 0 4.852.79 6.014a4.65 4.65 0 0 0 1.294 1.27C4.213 20 5.86 20 9.154 20Z"
/>
<Path
stroke={props.color || "#919191"}
strokeLinecap="round"
strokeWidth={1.583}
d="M18.889 8.389h-1.056"
/>
</Svg>
);
export default CameraIcon;

28
assets/svgs/ClockIcon.tsx Normal file
View File

@ -0,0 +1,28 @@
import * as React from "react";
import Svg, { Path, SvgProps } from "react-native-svg";
interface ClockIconProps extends SvgProps {}
const ClockIcon: React.FC<ClockIconProps> = (props) => (
<Svg
width={22}
height={25}
fill="none"
{...props}
>
<Path
stroke="#919191"
strokeWidth={1.667}
d="M11 23.611c5.523 0 10-4.477 10-10s-4.477-10-10-10-10 4.477-10 10 4.477 10 10 10Z"
/>
<Path
stroke="#919191"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.667}
d="M11 9.167v4.444l2.778 2.778M1.556 4.167 6 1.389M20.444 4.167 16 1.389"
/>
</Svg>
);
export default ClockIcon;

19
assets/svgs/CloseXIcon.tsx Normal file
View File

@ -0,0 +1,19 @@
import * as React from "react"
import Svg, { Path, SvgProps } from "react-native-svg"
const CloseXIcon: React.FC<SvgProps> = (props) => (
<Svg
width={15}
height={15}
fill="none"
{...props}
>
<Path
stroke="#AAA"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={1.394}
d="m1.573 1.543 12.544 12.544M1.573 14.087 14.117 1.543"
/>
</Svg>
)
export default CloseXIcon

20
assets/svgs/DropModalIcon.tsx Normal file
View File

@ -0,0 +1,20 @@
import * as React from "react";
import Svg, { Path, SvgProps } from "react-native-svg";
const DropModalIcon: React.FC<SvgProps> = (props) => (
<Svg
width={30}
height={10}
fill="none"
{...props}
>
<Path
fill="#DADCE0"
fillRule="evenodd"
d="M16.751 9.342c-.975.5-2.557.5-3.532 0L.731 2.308C-.244 1.808-.244 1 .731.5 1.707 0 3.288 0 4.264.5l10.721 6.13L25.707.5c.975-.5 2.556-.5 3.531 0 .976.5.976 1.309 0 1.808L16.752 9.342Z"
clipRule="evenodd"
/>
</Svg>
);
export default DropModalIcon;

30
assets/svgs/GoogleIcon.tsx Normal file
View File

@ -0,0 +1,30 @@
import * as React from "react";
import Svg, { Path, SvgProps } from "react-native-svg";
const GoogleIcon: React.FC<SvgProps> = (props) => (
<Svg
width={30}
height={30}
viewBox="0 0 48 48"
{...props}
>
<Path
fill="#FFC107"
d="M43.611 20.083H42V20H24v8h11.303c-1.649 4.657-6.08 8-11.303 8-6.627 0-12-5.373-12-12s5.373-12 12-12c3.059 0 5.842 1.154 7.961 3.039l5.657-5.657C34.046 6.053 29.268 4 24 4 12.955 4 4 12.955 4 24s8.955 20 20 20 20-8.955 20-20c0-1.341-.138-2.65-.389-3.917z"
/>
<Path
fill="#FF3D00"
d="m6.306 14.691 6.571 4.819C14.655 15.108 18.961 12 24 12c3.059 0 5.842 1.154 7.961 3.039l5.657-5.657C34.046 6.053 29.268 4 24 4 16.318 4 9.656 8.337 6.306 14.691z"
/>
<Path
fill="#4CAF50"
d="M24 44c5.166 0 9.86-1.977 13.409-5.192l-6.19-5.238A11.91 11.91 0 0 1 24 36c-5.202 0-9.619-3.317-11.283-7.946l-6.522 5.025C9.505 39.556 16.227 44 24 44z"
/>
<Path
fill="#1976D2"
d="M43.611 20.083H42V20H24v8h11.303a12.04 12.04 0 0 1-4.087 5.571l.003-.002 6.19 5.238C36.971 39.205 44 34 44 24c0-1.341-.138-2.65-.389-3.917z"
/>
</Svg>
);
export default GoogleIcon;

23
assets/svgs/LockIcon.tsx Normal file
View File

@ -0,0 +1,23 @@
import * as React from "react";
import Svg, { Path, SvgProps } from "react-native-svg";
interface LockIconProps extends SvgProps {}
const LockIcon: React.FC<LockIconProps> = (props) => (
<Svg
width={22}
height={25}
fill="none"
{...props}
>
<Path
stroke="#919191"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={2}
d="M11 15.688v2.5M4.75 10.1c.59-.037 1.316-.037 2.25-.037h8c.934 0 1.66 0 2.25.037m-12.5 0c-.735.044-1.257.145-1.702.372a3.75 3.75 0 0 0-1.64 1.639C1 12.913 1 13.963 1 16.064v1.75c0 2.1 0 3.15.409 3.952a3.75 3.75 0 0 0 1.639 1.639c.802.409 1.852.409 3.952.409h8c2.1 0 3.15 0 3.953-.41a3.75 3.75 0 0 0 1.638-1.638c.409-.802.409-1.852.409-3.952v-1.75c0-2.1 0-3.15-.409-3.953a3.75 3.75 0 0 0-1.639-1.639c-.445-.227-.967-.328-1.702-.372m-12.5 0V7.563a6.25 6.25 0 1 1 12.5 0V10.1"
/>
</Svg>
);
export default LockIcon;

25
assets/svgs/MenuIcon.tsx Normal file
View File

@ -0,0 +1,25 @@
import * as React from "react";
import Svg, { Path, SvgProps } from "react-native-svg";
interface MenuIconProps extends SvgProps {
color?: string;
}
const MenuIcon: React.FC<MenuIconProps> = (props) => (
<Svg
width={24}
height={16}
fill="none"
{...props}
>
<Path
stroke={props.color || "#919191"}
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={2.222}
d="M2 8h15.556M2 1.333h20M2 14.667h11.111"
/>
</Svg>
);
export default MenuIcon;

119
assets/svgs/OutlookIcon.tsx Normal file
View File

@ -0,0 +1,119 @@
import * as React from "react";
import Svg, { Path, LinearGradient, Stop, SvgProps } from "react-native-svg";
const OutlookIcon: React.FC<SvgProps> = (props) => (
<Svg
width={34}
height={34}
viewBox="0 0 48 48"
{...props}
>
<Path
fill="#103262"
d="m43.255 23.547-6.81-3.967v11.594H44v-6.331a1.5 1.5 0 0 0-.745-1.296z"
/>
<Path fill="#0084d7" d="M13 10h10v9H13v-9z" />
<Path fill="#33afec" d="M23 10h10v9H23v-9z" />
<Path fill="#54daff" d="M33 10h10v9H33v-9z" />
<Path fill="#027ad4" d="M23 19h10v9H23v-9z" />
<Path fill="#0553a4" d="M23 28h10v9H23v-9z" />
<Path fill="#25a2e5" d="M33 19h10v9H33v-9z" />
<Path fill="#0262b8" d="M33 28h10v9H33v-9z" />
<Path d="M13 37h30V24.238l-14.01 8-15.99-8z" opacity={0.019} />
<Path d="M13 37h30V24.476l-14.01 8-15.99-8z" opacity={0.038} />
<Path d="M13 37h30V24.714l-14.01 8-15.99-8z" opacity={0.057} />
<Path d="M13 37h30V24.952l-14.01 8-15.99-8z" opacity={0.076} />
<Path d="M13 37h30V25.19l-14.01 8-15.99-8z" opacity={0.095} />
<Path d="M13 37h30V25.429l-14.01 8-15.99-8z" opacity={0.114} />
<Path d="M13 37h30V25.667l-14.01 8-15.99-8z" opacity={0.133} />
<Path d="M13 37h30V25.905l-14.01 8-15.99-8z" opacity={0.152} />
<Path d="M13 37h30V26.143l-14.01 8-15.99-8z" opacity={0.171} />
<Path d="M13 37h30V26.381l-14.01 8-15.99-8z" opacity={0.191} />
<Path d="M13 37h30V26.619l-14.01 8-15.99-8z" opacity={0.209} />
<Path d="M13 37h30V26.857l-14.01 8-15.99-8z" opacity={0.229} />
<Path d="M13 37h30v-9.905l-14.01 8-15.99-8z" opacity={0.248} />
<Path d="M13 37h30v-9.667l-14.01 8-15.99-8z" opacity={0.267} />
<Path d="M13 37h30v-9.429l-14.01 8-15.99-8z" opacity={0.286} />
<Path d="M13 37h30v-9.19l-14.01 8-15.99-8z" opacity={0.305} />
<Path d="M13 37h30v-8.952l-14.01 8-15.99-8z" opacity={0.324} />
<Path d="M13 37h30v-8.714l-14.01 8-15.99-8z" opacity={0.343} />
<Path d="M13 37h30v-8.476l-14.01 8-15.99-8z" opacity={0.362} />
<Path d="M13 37h30v-8.238l-14.01 8-15.99-8z" opacity={0.381} />
<Path d="M13 37h30v-8l-14.01 8L13 29z" opacity={0.4} />
<LinearGradient
id="a"
x1={38.925}
x2={32.286}
y1={24.557}
y2={36.024}
gradientUnits="userSpaceOnUse"
>
<Stop offset={0} stopColor="#31abec" />
<Stop offset={1} stopColor="#1582d5" />
</LinearGradient>
<Path
fill="url(#a)"
d="M15.441 42h26.563a1.996 1.996 0 0 0 2-1.994C44.007 35.485 44 24.843 44 24.843s-.007.222-1.751 1.212-27.505 15.511-27.505 15.511.234.434.697.434z"
/>
<LinearGradient
id="b"
x1={13.665}
x2={41.285}
y1={6.992}
y2={9.074}
gradientUnits="userSpaceOnUse"
>
<Stop offset={0.042} stopColor="#076db4" />
<Stop offset={0.85} stopColor="#0461af" />
</LinearGradient>
<Path fill="url(#b)" d="M43 10H13V8a2 2 0 0 1 2-2h26a2 2 0 0 1 2 2v2z" />
<LinearGradient
id="c"
x1={28.153}
x2={23.638}
y1={33.218}
y2={41.1}
gradientUnits="userSpaceOnUse"
>
<Stop offset={0} stopColor="#33acee" />
<Stop offset={1} stopColor="#1b8edf" />
</LinearGradient>
<Path
fill="url(#c)"
d="M13 25v15a2 2 0 0 0 2 2H42.004a1.98 1.98 0 0 0 1.221-.425L13 25z"
/>
<Path
d="M21.319 13H13v24h8.319A3.68 3.68 0 0 0 25 33.319V16.681A3.68 3.68 0 0 0 21.319 13z"
opacity={0.05}
/>
<Path
d="M21.213 36H13V13.333h8.213a3.12 3.12 0 0 1 3.121 3.121v16.425A3.122 3.122 0 0 1 21.213 36z"
opacity={0.07}
/>
<Path
d="M21.106 35H13V13.667h8.106a2.56 2.56 0 0 1 2.56 2.56V32.44a2.56 2.56 0 0 1-2.56 2.56z"
opacity={0.09}
/>
<LinearGradient
id="d"
x1={3.53}
x2={22.41}
y1={14.53}
y2={33.41}
gradientUnits="userSpaceOnUse"
>
<Stop offset={0} stopColor="#1784d8" />
<Stop offset={1} stopColor="#0864c5" />
</LinearGradient>
<Path
fill="url(#d)"
d="M21 34H5a2 2 0 0 1-2-2V16a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2z"
/>
<Path
fill="#fff"
d="M13 18.691c-3.111 0-4.985 2.377-4.985 5.309S9.882 29.309 13 29.309c3.119 0 4.985-2.377 4.985-5.308 0-2.933-1.874-5.31-4.985-5.31zm0 8.826c-1.765 0-2.82-1.574-2.82-3.516s1.06-3.516 2.82-3.516 2.821 1.575 2.821 3.516-1.057 3.516-2.821 3.516z"
/>
</Svg>
);
export default OutlookIcon;