mirror of
				https://github.com/MHSanaei/3x-ui.git
				synced 2025-11-04 06:12:52 +00:00 
			
		
		
		
	* chore: pretty 'Inbounds' page * chore: return styles for aCustomStatistic styles was intended to properly display a-statistic in the app, but for some unknown reason it was removed * fix: switch style in dark mode ---------
		
			
				
	
	
		
			42 lines
		
	
	
		
			No EOL
		
	
	
		
			867 B
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			42 lines
		
	
	
		
			No EOL
		
	
	
		
			867 B
		
	
	
	
		
			HTML
		
	
	
	
	
	
{{define "component/customStatistic"}}
 | 
						|
<template>
 | 
						|
    <a-statistic :title="title" :value="value">
 | 
						|
        <template #prefix>
 | 
						|
            <slot name="prefix"></slot>
 | 
						|
        </template>
 | 
						|
        <template #suffix>
 | 
						|
            <slot name="suffix"></slot>
 | 
						|
        </template>
 | 
						|
    </a-statistic>
 | 
						|
</template>
 | 
						|
{{end}}
 | 
						|
 | 
						|
{{define "component/aCustomStatistic"}}
 | 
						|
<style>
 | 
						|
  .dark .ant-statistic-content {
 | 
						|
    color: var(--dark-color-text-primary)
 | 
						|
  }
 | 
						|
  .dark .ant-statistic-title {
 | 
						|
    color: rgba(255, 255, 255, 0.55)
 | 
						|
  }
 | 
						|
  .ant-statistic-content {
 | 
						|
    font-size: 16px;
 | 
						|
  }
 | 
						|
</style>
 | 
						|
 | 
						|
<script>
 | 
						|
  Vue.component('a-custom-statistic', {
 | 
						|
    props: {
 | 
						|
      'title': {
 | 
						|
        type: String,
 | 
						|
        required: false,
 | 
						|
      },
 | 
						|
      'value': {
 | 
						|
        type: String,
 | 
						|
        required: false
 | 
						|
      }
 | 
						|
    },
 | 
						|
    template: `{{template "component/customStatistic"}}`,
 | 
						|
  });
 | 
						|
</script>
 | 
						|
{{end}} |